From dd0eb5fb1d7438d76034cb7b2034ed761eaa41eb Mon Sep 17 00:00:00 2001
From: Pavel Feldman <pavel.feldman@gmail.com>
Date: Sat, 9 Jul 2022 10:22:49 -0800
Subject: [PATCH] fix(ct): support components w/o mount options (#15501)

---
 packages/playwright-test/src/mount.ts                     | 2 +-
 tests/components/ct-vue-vite/src/components/Component.vue | 3 +++
 tests/components/ct-vue-vite/src/notation-vue.spec.ts     | 6 ++++++
 3 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 tests/components/ct-vue-vite/src/components/Component.vue

diff --git a/packages/playwright-test/src/mount.ts b/packages/playwright-test/src/mount.ts
index 22901efe3a..53970a8f04 100644
--- a/packages/playwright-test/src/mount.ts
+++ b/packages/playwright-test/src/mount.ts
@@ -76,7 +76,7 @@ export const fixtures: Fixtures<
     },
   };
 
-async function innerMount(page: Page, jsxOrType: JsxComponent | string, options?: ObjectComponentOptions): Promise<string> {
+async function innerMount(page: Page, jsxOrType: JsxComponent | string, options: ObjectComponentOptions = {}): Promise<string> {
   let component: Component;
   if (typeof jsxOrType === 'string')
     component = { kind: 'object', type: jsxOrType, options };
diff --git a/tests/components/ct-vue-vite/src/components/Component.vue b/tests/components/ct-vue-vite/src/components/Component.vue
new file mode 100644
index 0000000000..133c8e2670
--- /dev/null
+++ b/tests/components/ct-vue-vite/src/components/Component.vue
@@ -0,0 +1,3 @@
+<template>
+ <div>test</div>
+</template>
diff --git a/tests/components/ct-vue-vite/src/notation-vue.spec.ts b/tests/components/ct-vue-vite/src/notation-vue.spec.ts
index ae611bcdaf..e1b706dcc9 100644
--- a/tests/components/ct-vue-vite/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-vite/src/notation-vue.spec.ts
@@ -3,6 +3,7 @@ import { test, expect } from '@playwright/experimental-ct-vue'
 import Button from './components/Button.vue'
 import DefaultSlot from './components/DefaultSlot.vue'
 import NamedSlots from './components/NamedSlots.vue'
+import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
@@ -60,3 +61,8 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
   await expect(component).toContainText('Footer')
 })
+
+test('optionless should work', async ({ mount }) => {
+  const component = await mount(Component)
+  await expect(component).toContainText('test')
+})