From f5bdc04b45f551506e7d59611f5f8930eacc5755 Mon Sep 17 00:00:00 2001
From: sand4rt <info@mesander.com>
Date: Fri, 9 Sep 2022 15:32:31 +0200
Subject: [PATCH 1/3] core(ct): rename tests

---
 .../ct-react-vite/src/tests.spec.tsx          | 18 ++++++++---------
 tests/components/ct-react/src/tests.spec.tsx  | 20 +++++++++----------
 tests/components/ct-solid/src/tests.spec.tsx  | 10 +++++-----
 .../ct-svelte-vite/src/tests.spec.ts          | 12 +++++------
 tests/components/ct-svelte/src/tests.spec.ts  | 12 +++++------
 .../ct-vue-cli/src/notation-jsx.spec.tsx      | 16 +++++++--------
 .../ct-vue-cli/src/notation-vue.spec.ts       | 18 ++++++++---------
 .../ct-vue-vite/src/notation-jsx.spec.tsx     | 16 +++++++--------
 .../ct-vue-vite/src/notation-vue.spec.js      | 16 +++++++--------
 .../ct-vue-vite/src/notation-vue.spec.ts      | 18 ++++++++---------
 .../ct-vue2-cli/src/notation-jsx.spec.tsx     | 14 ++++++-------
 .../ct-vue2-cli/src/notation-vue.spec.ts      | 16 +++++++--------
 tests/playwright-test/hooks.spec.ts           |  2 +-
 13 files changed, 94 insertions(+), 94 deletions(-)

diff --git a/tests/components/ct-react-vite/src/tests.spec.tsx b/tests/components/ct-react-vite/src/tests.spec.tsx
index 5895ec7c57034..cfebaf4e5a4b6 100644
--- a/tests/components/ct-react-vite/src/tests.spec.tsx
+++ b/tests/components/ct-react-vite/src/tests.spec.tsx
@@ -7,7 +7,7 @@ import Counter from './components/Counter';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />);
   await expect(component).toContainText('Submit');
 });
@@ -47,7 +47,7 @@ test('renderer updates slots without remounting', async ({ mount }) => {
   await expect(component.locator('#remount-count')).toContainText('1')
 })
 
-test('callback should work', async ({ mount }) => {
+test('execute callback when the button is clicked', async ({ mount }) => {
   const messages: string[] = []
   const component = await mount(<Button title="Submit" onClick={data => {
     messages.push(data)
@@ -56,14 +56,14 @@ test('callback should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default child', async ({ mount }) => {
   const component = await mount(<DefaultChildren>
     Main Content
   </DefaultChildren>)
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple children should work', async ({ mount }) => {
+test('render multiple children', async ({ mount }) => {
   const component = await mount(<DefaultChildren>
     <div id="one">One</div>
     <div id="two">Two</div>
@@ -72,7 +72,7 @@ test('multiple children should work', async ({ mount }) => {
   await expect(component.locator('#two')).toContainText('Two')
 })
 
-test('named children should work', async ({ mount }) => {
+test('render named children', async ({ mount }) => {
   const component = await mount(<MultipleChildren>
     <div>Header</div>
     <div>Main Content</div>
@@ -83,7 +83,7 @@ test('named children should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('children should callback', async ({ mount }) => {
+test('execute callback when a child node is clicked', async ({ mount }) => {
   let clickFired = false;
   const component = await mount(<DefaultChildren>
     <span onClick={() => clickFired = true}>Main Content</span>
@@ -92,7 +92,7 @@ test('children should callback', async ({ mount }) => {
   expect(clickFired).toBeTruthy();
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages: string[] = [];
   page.on('console', m => messages.push(m.text()));
   await mount(<Button title="Submit" />, {
@@ -103,14 +103,14 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 });
 
-test('should unmount', async ({ page, mount }) => {
+test('unmount ', async ({ page, mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(page.locator('#root')).toContainText('Submit')
   await component.unmount();
   await expect(page.locator('#root')).not.toContainText('Submit');
 });
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(<MultiRoot />)
   await expect(page.locator('#root')).toContainText('root 1')
   await expect(page.locator('#root')).toContainText('root 2')
diff --git a/tests/components/ct-react/src/tests.spec.tsx b/tests/components/ct-react/src/tests.spec.tsx
index 72a6a9765ca8f..dca188a92652c 100644
--- a/tests/components/ct-react/src/tests.spec.tsx
+++ b/tests/components/ct-react/src/tests.spec.tsx
@@ -10,7 +10,7 @@ import Counter from './components/Counter';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />);
   await expect(component).toContainText('Submit');
 });
@@ -50,7 +50,7 @@ test('renderer updates slots without remounting', async ({ mount }) => {
   await expect(component.locator('#remount-count')).toContainText('1')
 });
 
-test('callback should work', async ({ mount }) => {
+test('execute callback when the button is clicked', async ({ mount }) => {
   const messages: string[] = []
   const component = await mount(<Button title="Submit" onClick={data => {
     messages.push(data)
@@ -59,14 +59,14 @@ test('callback should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default child', async ({ mount }) => {
   const component = await mount(<DefaultChildren>
     Main Content
   </DefaultChildren>)
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple children should work', async ({ mount }) => {
+test('render multiple children', async ({ mount }) => {
   const component = await mount(<DefaultChildren>
     <div id="one">One</div>
     <div id="two">Two</div>
@@ -75,7 +75,7 @@ test('multiple children should work', async ({ mount }) => {
   await expect(component.locator('#two')).toContainText('Two')
 })
 
-test('named children should work', async ({ mount }) => {
+test('render named children', async ({ mount }) => {
   const component = await mount(<MultipleChildren>
     <div>Header</div>
     <div>Main Content</div>
@@ -86,7 +86,7 @@ test('named children should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('children should callback', async ({ mount }) => {
+test('execute callback when a child node is clicked', async ({ mount }) => {
   let clickFired = false;
   const component = await mount(<DefaultChildren>
     <span onClick={() => clickFired = true}>Main Content</span>
@@ -95,7 +95,7 @@ test('children should callback', async ({ mount }) => {
   expect(clickFired).toBeTruthy();
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages: string[] = [];
   page.on('console', m => messages.push(m.text()));
   await mount(<Button title="Submit" />, {
@@ -106,14 +106,14 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 });
 
-test('should unmount', async ({ page, mount }) => {
+test('unmount ', async ({ page, mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(page.locator('#root')).toContainText('Submit')
   await component.unmount();
   await expect(page.locator('#root')).not.toContainText('Submit');
 });
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(<MultiRoot />)
   await expect(page.locator('#root')).toContainText('root 1')
   await expect(page.locator('#root')).toContainText('root 2')
@@ -122,7 +122,7 @@ test('unmount a multi root component should work', async ({ mount, page }) => {
   await expect(page.locator('#root')).not.toContainText('root 2')
 })
 
-test('toHaveText works on delayed data', async ({ mount }) => {
+test('render delayed data', async ({ mount }) => {
   const component = await mount(<DelayedData data='complete' />);
   await expect(component).toHaveText('complete');
 });
diff --git a/tests/components/ct-solid/src/tests.spec.tsx b/tests/components/ct-solid/src/tests.spec.tsx
index d44c4b37b8e8e..5cd00755b8203 100644
--- a/tests/components/ct-solid/src/tests.spec.tsx
+++ b/tests/components/ct-solid/src/tests.spec.tsx
@@ -5,12 +5,12 @@ import MultiRoot from './components/MultiRoot';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />);
   await expect(component).toContainText('Submit');
 });
 
-test('callback should work', async ({ mount }) => {
+test('execute callback when the button is clicked', async ({ mount }) => {
   const messages: string[] = []
   const component = await mount(<Button title="Submit" onClick={data => {
     messages.push(data)
@@ -26,7 +26,7 @@ test('default child should work', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages: string[] = [];
   page.on('console', m => messages.push(m.text()));
   await mount(<Button title="Submit" />, {
@@ -37,14 +37,14 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 });
 
-test('should unmount', async ({ page, mount }) => {
+test('unmount ', async ({ page, mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(page.locator('#root')).toContainText('Submit')
   await component.unmount();
   await expect(page.locator('#root')).not.toContainText('Submit');
 });
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(<MultiRoot />)
   await expect(page.locator('#root')).toContainText('root 1')
   await expect(page.locator('#root')).toContainText('root 2')
diff --git a/tests/components/ct-svelte-vite/src/tests.spec.ts b/tests/components/ct-svelte-vite/src/tests.spec.ts
index 38fb8aec7726d..87747edbb70b3 100644
--- a/tests/components/ct-svelte-vite/src/tests.spec.ts
+++ b/tests/components/ct-svelte-vite/src/tests.spec.ts
@@ -21,7 +21,7 @@ import MultiRoot from './components/MultiRoot.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -30,7 +30,7 @@ test('props should work', async ({ mount }) => {
   await expect(component).toContainText('Submit')
 })
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(Button, {
     props: {
@@ -44,7 +44,7 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: 'Main Content'
@@ -53,7 +53,7 @@ test('default slot should work', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(Button, {
@@ -65,7 +65,7 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 })
 
-test('should unmount', async ({ page, mount }) => {
+test('unmount', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -76,7 +76,7 @@ test('should unmount', async ({ page, mount }) => {
   await expect(page.locator('#root')).not.toContainText('Submit');
 });
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(MultiRoot)
   await expect(page.locator('#root')).toContainText('root 1')
   await expect(page.locator('#root')).toContainText('root 2')
diff --git a/tests/components/ct-svelte/src/tests.spec.ts b/tests/components/ct-svelte/src/tests.spec.ts
index 38fb8aec7726d..07af68e4a34ad 100644
--- a/tests/components/ct-svelte/src/tests.spec.ts
+++ b/tests/components/ct-svelte/src/tests.spec.ts
@@ -21,7 +21,7 @@ import MultiRoot from './components/MultiRoot.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -30,7 +30,7 @@ test('props should work', async ({ mount }) => {
   await expect(component).toContainText('Submit')
 })
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(Button, {
     props: {
@@ -44,7 +44,7 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: 'Main Content'
@@ -53,7 +53,7 @@ test('default slot should work', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(Button, {
@@ -65,7 +65,7 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 })
 
-test('should unmount', async ({ page, mount }) => {
+test('unmount ', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -76,7 +76,7 @@ test('should unmount', async ({ page, mount }) => {
   await expect(page.locator('#root')).not.toContainText('Submit');
 });
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(MultiRoot)
   await expect(page.locator('#root')).toContainText('root 1')
   await expect(page.locator('#root')).toContainText('root 2')
diff --git a/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx b/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
index 68ec15a448600..686577a8812a6 100644
--- a/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
@@ -7,7 +7,7 @@ import MultiRoot from './components/MultiRoot.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(component).toContainText('Submit')
 })
@@ -25,7 +25,7 @@ test('renderer and keep the component instance intact', async ({ mount }) => {
   await expect(component.locator('#remount-count')).toContainText('1')
 })
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(<Button title='Submit' v-on:submit={data => {
     messages.push(data)
@@ -34,14 +34,14 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     Main Content
   </DefaultSlot>)
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple slots should work', async ({ mount }) => {
+test('render a component with multiple children', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     <div id="one">One</div>
     <div id="two">Two</div>
@@ -50,7 +50,7 @@ test('multiple slots should work', async ({ mount }) => {
   await expect(component.locator('#two')).toContainText('Two')
 })
 
-test('named slots should work', async ({ mount }) => {
+test('render a component with a named slot', async ({ mount }) => {
   const component = await mount(<NamedSlots>
     <template v-slot:header>
       Header
@@ -67,7 +67,7 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('slot should emit events', async ({ mount }) => {
+test('emit a event when a slot is clicked', async ({ mount }) => {
   let clickFired = false;
   const component = await mount(<DefaultSlot>
     <span v-on:click={() => clickFired = true}>Main Content</span>
@@ -76,7 +76,7 @@ test('slot should emit events', async ({ mount }) => {
   expect(clickFired).toBeTruthy();
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(<Button title="Submit" />, {
@@ -85,7 +85,7 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}, app: true', 'After mount el: HTMLButtonElement'])
 })
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(<MultiRoot />)
   await expect(page.locator('#root')).toContainText('root 1')
   await expect(page.locator('#root')).toContainText('root 2')
diff --git a/tests/components/ct-vue-cli/src/notation-vue.spec.ts b/tests/components/ct-vue-cli/src/notation-vue.spec.ts
index acf69293fce00..dad4faf2798f7 100644
--- a/tests/components/ct-vue-cli/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-cli/src/notation-vue.spec.ts
@@ -9,7 +9,7 @@ import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -35,7 +35,7 @@ test('renderer and keep the component instance intact', async ({ mount }) => {
   await expect(component.locator('#remount-count')).toContainText('1')
 })
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(Button, {
     props: {
@@ -49,7 +49,7 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: 'Main Content'
@@ -58,7 +58,7 @@ test('default slot should work', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple slots should work', async ({ mount }) => {
+test('render a component with multiple slots', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: ['one', 'two']
@@ -68,7 +68,7 @@ test('multiple slots should work', async ({ mount }) => {
   await expect(component).toContainText('two')
 })
 
-test('named slots should work', async ({ mount }) => {
+test('render a component with a named slot', async ({ mount }) => {
   const component = await mount(NamedSlots, {
     slots: {
       header: 'Header',
@@ -81,12 +81,12 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('optionless should work', async ({ mount }) => {
+test('render a component without options', async ({ mount }) => {
   const component = await mount(Component)
   await expect(component).toContainText('test')
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(Button, {
@@ -98,7 +98,7 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}, app: true', 'After mount el: HTMLButtonElement'])
 })
 
-test('should unmount', async ({ page, mount }) => {
+test('unmount ', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -109,7 +109,7 @@ test('should unmount', async ({ page, mount }) => {
   await expect(page.locator('#root')).not.toContainText('Submit');
 });
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(MultiRoot)
   await expect(page.locator('#root')).toContainText('root 1')
   await expect(page.locator('#root')).toContainText('root 2')
diff --git a/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx b/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
index 755c9a4882af4..7ebd1a2c16624 100644
--- a/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
@@ -7,7 +7,7 @@ import MultiRoot from './components/MultiRoot.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(component).toContainText('Submit')
 })
@@ -25,7 +25,7 @@ test('renderer and keep the component instance intact', async ({ mount }) => {
   await expect(component.locator('#remount-count')).toContainText('1')
 })
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(<Button title='Submit' v-on:submit={data => {
     messages.push(data)
@@ -34,14 +34,14 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     Main Content
   </DefaultSlot>)
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple slots should work', async ({ mount }) => {
+test('render a component with multiple slots', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     <div id="one">One</div>
     <div id="two">Two</div>
@@ -50,7 +50,7 @@ test('multiple slots should work', async ({ mount }) => {
   await expect(component.locator('#two')).toContainText('Two')
 })
 
-test('named slots should work', async ({ mount }) => {
+test('render a component with a named slot', async ({ mount }) => {
   const component = await mount(<NamedSlots>
     <template v-slot:header>
       Header
@@ -67,7 +67,7 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('slot should emit events', async ({ mount }) => {
+test('emit a event when a slot is clicked', async ({ mount }) => {
   let clickFired = false;
   const component = await mount(<DefaultSlot>
     <span v-on:click={() => clickFired = true}>Main Content</span>
@@ -76,7 +76,7 @@ test('slot should emit events', async ({ mount }) => {
   expect(clickFired).toBeTruthy();
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(<Button title="Submit" />, {
@@ -85,7 +85,7 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}, app: true', 'After mount el: HTMLButtonElement'])
 })
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(<MultiRoot />)
 
   await expect(page.locator('#root')).toContainText('root 1')
diff --git a/tests/components/ct-vue-vite/src/notation-vue.spec.js b/tests/components/ct-vue-vite/src/notation-vue.spec.js
index cbcc3b339079a..49ba4bd5aa6f4 100644
--- a/tests/components/ct-vue-vite/src/notation-vue.spec.js
+++ b/tests/components/ct-vue-vite/src/notation-vue.spec.js
@@ -8,7 +8,7 @@ import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -35,7 +35,7 @@ test('renderer and keep the component instance intact', async ({ mount }) => {
 })
 
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(Button, {
     props: {
@@ -49,7 +49,7 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: 'Main Content'
@@ -58,7 +58,7 @@ test('default slot should work', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple slots should work', async ({ mount }) => {
+test('render a component with multiple slots', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: ['one', 'two']
@@ -68,7 +68,7 @@ test('multiple slots should work', async ({ mount }) => {
   await expect(component).toContainText('two')
 })
 
-test('named slots should work', async ({ mount }) => {
+test('render a component with a named slot', async ({ mount }) => {
   const component = await mount(NamedSlots, {
     slots: {
       header: 'Header',
@@ -81,12 +81,12 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('optionless should work', async ({ mount }) => {
+test('render a component without options', async ({ mount }) => {
   const component = await mount(Component)
   await expect(component).toContainText('test')
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(Button, {
@@ -98,7 +98,7 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}, app: true', 'After mount el: HTMLButtonElement'])
 })
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(MultiRoot)
 
   await expect(page.locator('#root')).toContainText('root 1')
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 c37774f8f3aeb..e0b4dccac79fb 100644
--- a/tests/components/ct-vue-vite/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-vite/src/notation-vue.spec.ts
@@ -9,7 +9,7 @@ import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -35,7 +35,7 @@ test('renderer and keep the component instance intact', async ({ mount }) => {
   await expect(component.locator('#remount-count')).toContainText('1')
 })
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(Button, {
     props: {
@@ -49,7 +49,7 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: 'Main Content'
@@ -58,7 +58,7 @@ test('default slot should work', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple slots should work', async ({ mount }) => {
+test('render a component with multiple slots', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: ['one', 'two']
@@ -68,7 +68,7 @@ test('multiple slots should work', async ({ mount }) => {
   await expect(component).toContainText('two')
 })
 
-test('named slots should work', async ({ mount }) => {
+test('render a component with a named slot', async ({ mount }) => {
   const component = await mount(NamedSlots, {
     slots: {
       header: 'Header',
@@ -81,12 +81,12 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('optionless should work', async ({ mount }) => {
+test('render a component without options', async ({ mount }) => {
   const component = await mount(Component)
   await expect(component).toContainText('test')
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(Button, {
@@ -98,7 +98,7 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}, app: true', 'After mount el: HTMLButtonElement'])
 })
 
-test('should unmount', async ({ page, mount }) => {
+test('unmount ', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -109,7 +109,7 @@ test('should unmount', async ({ page, mount }) => {
   await expect(page.locator('#root')).not.toContainText('Submit');
 });
 
-test('unmount a multi root component should work', async ({ mount, page }) => {
+test('unmount a multi root component', async ({ mount, page }) => {
   const component = await mount(MultiRoot)
 
   await expect(page.locator('#root')).toContainText('root 1')
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 7aadd9b664e10..ee8984691cf0f 100644
--- a/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
@@ -6,7 +6,7 @@ import NamedSlots from './components/NamedSlots.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(component).toContainText('Submit')
 })
@@ -24,7 +24,7 @@ test('renderer and keep the component instance intact', async ({ mount }) => {
   await expect(component.locator('#remount-count')).toContainText('1')
 })
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(<Button title='Submit' v-on:submit={data => {
     messages.push(data)
@@ -33,14 +33,14 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     Main Content
   </DefaultSlot>)
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple slots should work', async ({ mount }) => {
+test('render a component with multiple slots', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     <div id="one">One</div>
     <div id="two">Two</div>
@@ -49,7 +49,7 @@ test('multiple slots should work', async ({ mount }) => {
   await expect(component.locator('#two')).toContainText('Two')
 })
 
-test('named slots should work', async ({ mount }) => {
+test('render a component with a named slot', async ({ mount }) => {
   const component = await mount(<NamedSlots>
     <template v-slot:header>
       Header
@@ -66,7 +66,7 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('slot should emit events', async ({ mount }) => {
+test('emit a event when a slot is clicked', async ({ mount }) => {
   let clickFired = false;
   const component = await mount(<DefaultSlot>
     <span v-on:click={() => clickFired = true}>Main Content</span>
@@ -75,7 +75,7 @@ test('slot should emit events', async ({ mount }) => {
   expect(clickFired).toBeTruthy();
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(<Button title="Submit" />, {
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 6bd68ab2f9ad9..437c4108fcb3c 100644
--- a/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
@@ -7,7 +7,7 @@ import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('props should work', async ({ mount }) => {
+test('render a component with props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
@@ -33,7 +33,7 @@ test('renderer and keep the component instance intact', async ({ mount }) => {
   await expect(component.locator('#remount-count')).toContainText('1')
 })
 
-test('event should work', async ({ mount }) => {
+test('emit an submit event when the button is clicked', async ({ mount }) => {
   const messages = []
   const component = await mount(Button, {
     props: {
@@ -47,7 +47,7 @@ test('event should work', async ({ mount }) => {
   expect(messages).toEqual(['hello'])
 })
 
-test('default slot should work', async ({ mount }) => {
+test('render a default slot', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: 'Main Content'
@@ -56,7 +56,7 @@ test('default slot should work', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
-test('multiple slots should work', async ({ mount }) => {
+test('render a component with multiple slots', async ({ mount }) => {
   const component = await mount(DefaultSlot, {
     slots: {
       default: ['one', 'two']
@@ -66,7 +66,7 @@ test('multiple slots should work', async ({ mount }) => {
   await expect(component).toContainText('two')
 })
 
-test('named slots should work', async ({ mount }) => {
+test('render a component with a named slot', async ({ mount }) => {
   const component = await mount(NamedSlots, {
     slots: {
       header: 'Header',
@@ -79,12 +79,12 @@ test('named slots should work', async ({ mount }) => {
   await expect(component).toContainText('Footer')
 })
 
-test('optionless should work', async ({ mount }) => {
+test('render a component without options', async ({ mount }) => {
   const component = await mount(Component)
   await expect(component).toContainText('test')
 })
 
-test('should run hooks', async ({ page, mount }) => {
+test('run hooks', async ({ page, mount }) => {
   const messages = []
   page.on('console', m => messages.push(m.text()))
   await mount(Button, {
@@ -96,7 +96,7 @@ test('should run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount el: HTMLButtonElement'])
 })
 
-test('should unmount', async ({ page, mount }) => {
+test('unmount ', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
diff --git a/tests/playwright-test/hooks.spec.ts b/tests/playwright-test/hooks.spec.ts
index 2272acb0d3fd3..24d1fda0c8637 100644
--- a/tests/playwright-test/hooks.spec.ts
+++ b/tests/playwright-test/hooks.spec.ts
@@ -249,7 +249,7 @@ test('beforeAll/afterAll hooks are skipped when no tests in the suite are run 2'
   expect(result.output).not.toContain('%%afterAll');
 });
 
-test('should run hooks after failure', async ({ runInlineTest }) => {
+test('run hooks after failure', async ({ runInlineTest }) => {
   const result = await runInlineTest({
     'a.test.js': `
       const { test } = pwt;

From 73e2a76d004b30431c38b27878c45d31de91e758 Mon Sep 17 00:00:00 2001
From: sand4rt <info@mesander.com>
Date: Fri, 9 Sep 2022 15:34:21 +0200
Subject: [PATCH 2/3] formatting

---
 tests/components/ct-react-vite/src/tests.spec.tsx     | 2 +-
 tests/components/ct-react/src/tests.spec.tsx          | 2 +-
 tests/components/ct-solid/src/tests.spec.tsx          | 2 +-
 tests/components/ct-svelte/src/tests.spec.ts          | 2 +-
 tests/components/ct-vue-cli/src/notation-vue.spec.ts  | 2 +-
 tests/components/ct-vue-vite/src/notation-vue.spec.ts | 2 +-
 tests/components/ct-vue2-cli/src/notation-vue.spec.ts | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/tests/components/ct-react-vite/src/tests.spec.tsx b/tests/components/ct-react-vite/src/tests.spec.tsx
index cfebaf4e5a4b6..ff229bbe986b5 100644
--- a/tests/components/ct-react-vite/src/tests.spec.tsx
+++ b/tests/components/ct-react-vite/src/tests.spec.tsx
@@ -103,7 +103,7 @@ test('run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 });
 
-test('unmount ', async ({ page, mount }) => {
+test('unmount', async ({ page, mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(page.locator('#root')).toContainText('Submit')
   await component.unmount();
diff --git a/tests/components/ct-react/src/tests.spec.tsx b/tests/components/ct-react/src/tests.spec.tsx
index dca188a92652c..01f021011233a 100644
--- a/tests/components/ct-react/src/tests.spec.tsx
+++ b/tests/components/ct-react/src/tests.spec.tsx
@@ -106,7 +106,7 @@ test('run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 });
 
-test('unmount ', async ({ page, mount }) => {
+test('unmount', async ({ page, mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(page.locator('#root')).toContainText('Submit')
   await component.unmount();
diff --git a/tests/components/ct-solid/src/tests.spec.tsx b/tests/components/ct-solid/src/tests.spec.tsx
index 5cd00755b8203..6361a99dfeaf4 100644
--- a/tests/components/ct-solid/src/tests.spec.tsx
+++ b/tests/components/ct-solid/src/tests.spec.tsx
@@ -37,7 +37,7 @@ test('run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 });
 
-test('unmount ', async ({ page, mount }) => {
+test('unmount', async ({ page, mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(page.locator('#root')).toContainText('Submit')
   await component.unmount();
diff --git a/tests/components/ct-svelte/src/tests.spec.ts b/tests/components/ct-svelte/src/tests.spec.ts
index 07af68e4a34ad..87747edbb70b3 100644
--- a/tests/components/ct-svelte/src/tests.spec.ts
+++ b/tests/components/ct-svelte/src/tests.spec.ts
@@ -65,7 +65,7 @@ test('run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount']);
 })
 
-test('unmount ', async ({ page, mount }) => {
+test('unmount', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
diff --git a/tests/components/ct-vue-cli/src/notation-vue.spec.ts b/tests/components/ct-vue-cli/src/notation-vue.spec.ts
index dad4faf2798f7..b63d17cb5c4c9 100644
--- a/tests/components/ct-vue-cli/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-cli/src/notation-vue.spec.ts
@@ -98,7 +98,7 @@ test('run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}, app: true', 'After mount el: HTMLButtonElement'])
 })
 
-test('unmount ', async ({ page, mount }) => {
+test('unmount', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
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 e0b4dccac79fb..1c75b5437ea60 100644
--- a/tests/components/ct-vue-vite/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-vite/src/notation-vue.spec.ts
@@ -98,7 +98,7 @@ test('run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}, app: true', 'After mount el: HTMLButtonElement'])
 })
 
-test('unmount ', async ({ page, mount }) => {
+test('unmount', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
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 437c4108fcb3c..60beded56b1a3 100644
--- a/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
@@ -96,7 +96,7 @@ test('run hooks', async ({ page, mount }) => {
   expect(messages).toEqual(['Before mount: {\"route\":\"A\"}', 'After mount el: HTMLButtonElement'])
 })
 
-test('unmount ', async ({ page, mount }) => {
+test('unmount', async ({ page, mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'

From e15279da73c25058abfae989df7ac9899f2300db Mon Sep 17 00:00:00 2001
From: sand4rt <info@mesander.com>
Date: Fri, 9 Sep 2022 15:36:34 +0200
Subject: [PATCH 3/3] rename tests

---
 tests/components/ct-react-vite/src/tests.spec.tsx      | 2 +-
 tests/components/ct-react/src/tests.spec.tsx           | 2 +-
 tests/components/ct-solid/src/tests.spec.tsx           | 2 +-
 tests/components/ct-svelte-vite/src/tests.spec.ts      | 2 +-
 tests/components/ct-svelte/src/tests.spec.ts           | 2 +-
 tests/components/ct-vue-cli/src/notation-jsx.spec.tsx  | 2 +-
 tests/components/ct-vue-cli/src/notation-vue.spec.ts   | 2 +-
 tests/components/ct-vue-vite/src/notation-jsx.spec.tsx | 2 +-
 tests/components/ct-vue-vite/src/notation-vue.spec.js  | 2 +-
 tests/components/ct-vue-vite/src/notation-vue.spec.ts  | 2 +-
 tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx | 2 +-
 tests/components/ct-vue2-cli/src/notation-vue.spec.ts  | 2 +-
 12 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/tests/components/ct-react-vite/src/tests.spec.tsx b/tests/components/ct-react-vite/src/tests.spec.tsx
index ff229bbe986b5..99b46d578088b 100644
--- a/tests/components/ct-react-vite/src/tests.spec.tsx
+++ b/tests/components/ct-react-vite/src/tests.spec.tsx
@@ -7,7 +7,7 @@ import Counter from './components/Counter';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />);
   await expect(component).toContainText('Submit');
 });
diff --git a/tests/components/ct-react/src/tests.spec.tsx b/tests/components/ct-react/src/tests.spec.tsx
index 01f021011233a..9b5bc3415823a 100644
--- a/tests/components/ct-react/src/tests.spec.tsx
+++ b/tests/components/ct-react/src/tests.spec.tsx
@@ -10,7 +10,7 @@ import Counter from './components/Counter';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />);
   await expect(component).toContainText('Submit');
 });
diff --git a/tests/components/ct-solid/src/tests.spec.tsx b/tests/components/ct-solid/src/tests.spec.tsx
index 6361a99dfeaf4..e16720aa6c83a 100644
--- a/tests/components/ct-solid/src/tests.spec.tsx
+++ b/tests/components/ct-solid/src/tests.spec.tsx
@@ -5,7 +5,7 @@ import MultiRoot from './components/MultiRoot';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />);
   await expect(component).toContainText('Submit');
 });
diff --git a/tests/components/ct-svelte-vite/src/tests.spec.ts b/tests/components/ct-svelte-vite/src/tests.spec.ts
index 87747edbb70b3..be24cb8e9cbf0 100644
--- a/tests/components/ct-svelte-vite/src/tests.spec.ts
+++ b/tests/components/ct-svelte-vite/src/tests.spec.ts
@@ -21,7 +21,7 @@ import MultiRoot from './components/MultiRoot.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
diff --git a/tests/components/ct-svelte/src/tests.spec.ts b/tests/components/ct-svelte/src/tests.spec.ts
index 87747edbb70b3..be24cb8e9cbf0 100644
--- a/tests/components/ct-svelte/src/tests.spec.ts
+++ b/tests/components/ct-svelte/src/tests.spec.ts
@@ -21,7 +21,7 @@ import MultiRoot from './components/MultiRoot.svelte';
 
 test.use({ viewport: { width: 500, height: 500 } });
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
diff --git a/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx b/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
index 686577a8812a6..fda81dad5e176 100644
--- a/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
@@ -7,7 +7,7 @@ import MultiRoot from './components/MultiRoot.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(component).toContainText('Submit')
 })
diff --git a/tests/components/ct-vue-cli/src/notation-vue.spec.ts b/tests/components/ct-vue-cli/src/notation-vue.spec.ts
index b63d17cb5c4c9..a620165a5a260 100644
--- a/tests/components/ct-vue-cli/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-cli/src/notation-vue.spec.ts
@@ -9,7 +9,7 @@ import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
diff --git a/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx b/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
index 7ebd1a2c16624..c0316b4a7cbe0 100644
--- a/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
@@ -7,7 +7,7 @@ import MultiRoot from './components/MultiRoot.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(component).toContainText('Submit')
 })
diff --git a/tests/components/ct-vue-vite/src/notation-vue.spec.js b/tests/components/ct-vue-vite/src/notation-vue.spec.js
index 49ba4bd5aa6f4..8b54ba3769dc6 100644
--- a/tests/components/ct-vue-vite/src/notation-vue.spec.js
+++ b/tests/components/ct-vue-vite/src/notation-vue.spec.js
@@ -8,7 +8,7 @@ import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
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 1c75b5437ea60..5177bdbb09445 100644
--- a/tests/components/ct-vue-vite/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue-vite/src/notation-vue.spec.ts
@@ -9,7 +9,7 @@ import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'
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 ee8984691cf0f..e37a8232a9d5c 100644
--- a/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
@@ -6,7 +6,7 @@ import NamedSlots from './components/NamedSlots.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(<Button title="Submit" />)
   await expect(component).toContainText('Submit')
 })
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 60beded56b1a3..255c955db1016 100644
--- a/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
+++ b/tests/components/ct-vue2-cli/src/notation-vue.spec.ts
@@ -7,7 +7,7 @@ import Component from './components/Component.vue'
 
 test.use({ viewport: { width: 500, height: 500 } })
 
-test('render a component with props', async ({ mount }) => {
+test('render props', async ({ mount }) => {
   const component = await mount(Button, {
     props: {
       title: 'Submit'