feat: expose page.renderHook

src/index.ts

@@ -1,12 +1,13 @@
 import { page } from 'vitest/browser'
 import { beforeEach } from 'vitest'
-import { cleanup, render } from './pure'
+import { cleanup, render, renderHook } from './pure'
 
 export { render, renderHook, cleanup } from './pure'
 export type { ComponentRenderOptions, RenderHookOptions, RenderHookResult, RenderOptions, RenderResult } from './pure'
 
 page.extend({
   render,
+  renderHook,
   [Symbol.for('vitest:component-cleanup')]: cleanup,
 })
 
@@ -17,5 +18,6 @@ beforeEach(async () => {
 declare module 'vitest/browser' {
   interface BrowserPage {
     render: typeof render
+    renderHook: typeof renderHook
   }
 }

test/render.test.tsx

@@ -8,6 +8,11 @@ import { Counter } from './fixtures/Counter'
 import { SuspendedHelloWorld } from './fixtures/SuspendedHelloWorld'
 import { RenderId } from './fixtures/RenderId'
 
+test('page functions are defined', () => {
+  expect(page.render).toBeTypeOf('function')
+  expect(page.renderHook).toBeTypeOf('function')
+})
+
 test('renders simple component', async () => {
   const screen = await render(<HelloWorld />)
   await expect.element(page.getByText('Hello World')).toBeVisible()
@@ -25,7 +30,7 @@ test('renders counter', async () => {
 
 test('should fire the onPress/onClick handler', async () => {
   const handler = vi.fn()
-  const screen = await page.render(<Button onPress={handler}>Button</Button>)
+  const screen = await render(<Button onPress={handler}>Button</Button>)
   await userEvent.click(screen.getByRole('button'))
   // await screen.getByRole('button').click()
   expect(handler).toHaveBeenCalled()