diff --git a/test/fixtures/HelloWorld.tsx b/test/fixtures/HelloWorld.tsx
index 204fff0..365a35e 100644
--- a/test/fixtures/HelloWorld.tsx
+++ b/test/fixtures/HelloWorld.tsx
@@ -1,3 +1,7 @@
-export function HelloWorld(): React.ReactElement {
-  return <div>Hello World</div>
+export function HelloWorld({
+  name = 'World',
+}: {
+  name?: string
+}): React.ReactElement {
+  return <div>{`Hello ${name}`}</div>
 }
diff --git a/test/render.test.tsx b/test/render.test.tsx
index 0d2f451..a2a0e16 100644
--- a/test/render.test.tsx
+++ b/test/render.test.tsx
@@ -1,3 +1,4 @@
+import { Suspense } from 'react'
 import { expect, test } from 'vitest'
 import { page } from '@vitest/browser/context'
 import { render } from '../src/index'
@@ -17,3 +18,12 @@ test('renders counter', async () => {
   await screen.getByRole('button', { name: 'Increment' }).click()
   await expect.element(screen.getByText('Count is 2')).toBeVisible()
 })
+
+test('renders a suspended component', async () => {
+  const { getByText } = await render(<HelloWorld name="Vitest" />, {
+    wrapper: ({ children }) => (
+      <Suspense fallback={<div>Suspended!</div>}>{children}</Suspense>
+    ),
+  })
+  await expect.element(getByText('Hello Vitest')).toBeInTheDocument()
+})