test: add production test

test/production.test.tsx

@@ -0,0 +1,44 @@
+import { expect, test, vi } from 'vitest'
+import * as vbr from 'vitest-browser-react'
+import { useEffect } from 'react'
+import { useCounter } from './fixtures/useCounter'
+
+test('vbr exposes correct methods', () => {
+  expect(vbr).toMatchInlineSnapshot(`
+    {
+      "cleanup": [Function],
+      "render": [Function],
+      "renderHook": [Function],
+    }
+  `)
+})
+
+test('vbr renders a component', async () => {
+  const cleanup = vi.fn()
+  function Example() {
+    useEffect(() => {
+      return () => {
+        cleanup()
+      }
+    })
+    return <div>Hello World</div>
+  }
+
+  const { getByText } = await vbr.render(<Example />)
+  expect(getByText('Hello World')).toBeInTheDocument()
+  expect(cleanup).not.toHaveBeenCalled()
+
+  await vbr.cleanup()
+
+  expect(cleanup).toHaveBeenCalled()
+})
+
+test('should increment counter', async () => {
+  const { result, act } = await vbr.renderHook(() => useCounter())
+
+  await act(() => {
+    result.current.increment()
+  })
+
+  expect(result.current.count).toBe(1)
+})

vitest.config.ts

@@ -4,6 +4,10 @@ import { playwright } from '@vitest/browser-playwright'
 
 export default defineConfig({
   plugins: [react()],
+  optimizeDeps: {
+    // needed for production test
+    include: ['vitest-browser-react'],
+  },
   test: {
     printConsoleTrace: true,
     browser: {