From c3f39faefc5c76191ade833c201a550db50761ef Mon Sep 17 00:00:00 2001
From: sand4rt <info@mesander.com>
Date: Sat, 27 Aug 2022 00:47:28 +0200
Subject: [PATCH] test(ct): vue2 cli (#16693)

---
 tests/components/ct-vue2-cli/src/components/Button.vue     | 4 +---
 tests/components/ct-vue2-cli/src/components/Component.vue  | 3 +++
 tests/components/ct-vue2-cli/src/components/NamedSlots.vue | 1 -
 tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx     | 4 ++--
 tests/components/ct-vue2-cli/src/notation-vue.spec.ts      | 7 ++++++-
 5 files changed, 12 insertions(+), 7 deletions(-)
 create mode 100644 tests/components/ct-vue2-cli/src/components/Component.vue

diff --git a/tests/components/ct-vue2-cli/src/components/Button.vue b/tests/components/ct-vue2-cli/src/components/Button.vue
index 02b43df13b..bf008d3f7c 100644
--- a/tests/components/ct-vue2-cli/src/components/Button.vue
+++ b/tests/components/ct-vue2-cli/src/components/Button.vue
@@ -1,7 +1,5 @@
 <template>
-<button @click='$emit("submit", "hello")'>
-  {{ title }}
-</button>
+  <button @click="$emit('submit', 'hello')">{{ title }}</button>
 </template>
 
 <script>
diff --git a/tests/components/ct-vue2-cli/src/components/Component.vue b/tests/components/ct-vue2-cli/src/components/Component.vue
new file mode 100644
index 0000000000..133c8e2670
--- /dev/null
+++ b/tests/components/ct-vue2-cli/src/components/Component.vue
@@ -0,0 +1,3 @@
+<template>
+ <div>test</div>
+</template>
diff --git a/tests/components/ct-vue2-cli/src/components/NamedSlots.vue b/tests/components/ct-vue2-cli/src/components/NamedSlots.vue
index b7e95f4487..582608df32 100644
--- a/tests/components/ct-vue2-cli/src/components/NamedSlots.vue
+++ b/tests/components/ct-vue2-cli/src/components/NamedSlots.vue
@@ -3,7 +3,6 @@
     <header>
       <slot name="header" />
     </header>
-
     <main>
       <slot name="main" />
     </main>
diff --git a/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx b/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
index 31a02359be..7aadd9b664 100644
--- a/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
@@ -7,7 +7,7 @@ import NamedSlots from './components/NamedSlots.vue'
 test.use({ viewport: { width: 500, height: 500 } })
 
 test('props should work', async ({ mount }) => {
-  const component = await mount(<Button title='Submit'></Button>)
+  const component = await mount(<Button title="Submit" />)
   await expect(component).toContainText('Submit')
 })
 
@@ -78,7 +78,7 @@ test('slot should emit events', async ({ mount }) => {
 test('should run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
-  await mount(<Button title='Submit'></Button>, {
+  await mount(<Button title="Submit" />, {
     hooksConfig: { route: 'A' }
   })
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount el: HTMLButtonElement'])
diff --git a/tests/components/ct-vue2-cli/src/notation-vue.spec.ts b/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
index 41008595b5..6bd68ab2f9 100644
--- a/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
@@ -1,9 +1,9 @@
 import { test, expect } from '@playwright/experimental-ct-vue2'
-
 import Button from './components/Button.vue'
 import Counter from './components/Counter.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 } })
 
@@ -79,6 +79,11 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
+test('optionless should work', async ({ mount }) => {
+  const component = await mount(Component)
+  await expect(component).toContainText('test')
+})
+
 test('should run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))