From 72a18754ef138ffb412b849513796c96b466bec4 Mon Sep 17 00:00:00 2001
From: sand4rt <info@mesander.com>
Date: Mon, 12 Sep 2022 18:27:53 +0200
Subject: [PATCH] core(ct): rename tests (#17216)

---
 .../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 5895ec7c57..99b46d5780 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 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 72a6a9765c..9b5bc34158 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 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 d44c4b37b8..e16720aa6c 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 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 38fb8aec77..be24cb8e9c 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 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 38fb8aec77..be24cb8e9c 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 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 68ec15a448..fda81dad5e 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 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 acf69293fc..a620165a5a 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 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 755c9a4882..c0316b4a7c 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 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 cbcc3b3390..8b54ba3769 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 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 c37774f8f3..5177bdbb09 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 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 7aadd9b664..e37a8232a9 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 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 6bd68ab2f9..255c955db1 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 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 2272acb0d3..24d1fda0c8 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;