diff --git a/tests/components/ct-react-vite/src/tests.spec.tsx b/tests/components/ct-react-vite/src/tests.spec.tsx
index 38b525ada18dc8..0acc9746d3092b 100644
--- a/tests/components/ct-react-vite/src/tests.spec.tsx
+++ b/tests/components/ct-react-vite/src/tests.spec.tsx
@@ -64,6 +64,13 @@ test('render a default child', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
+test('render a component as slot', async ({ mount }) => {
+  const component = await mount(<DefaultChildren>
+    <Button title="Submit" />
+  </DefaultChildren>)
+  expect(component).toContainText('Submit')
+});
+
 test('render multiple children', async ({ mount }) => {
   const component = await mount(<DefaultChildren>
     <div id="one">One</div>
diff --git a/tests/components/ct-react/src/tests.spec.tsx b/tests/components/ct-react/src/tests.spec.tsx
index 303cc966deb1de..001b6e6104aa12 100644
--- a/tests/components/ct-react/src/tests.spec.tsx
+++ b/tests/components/ct-react/src/tests.spec.tsx
@@ -67,6 +67,13 @@ test('render a default child', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
+test('render a component as slot', async ({ mount }) => {
+  const component = await mount(<DefaultChildren>
+    <Button title="Submit" />
+  </DefaultChildren>)
+  expect(component).toContainText('Submit')
+})
+
 test('render multiple children', async ({ mount }) => {
   const component = await mount(<DefaultChildren>
     <div id="one">One</div>
diff --git a/tests/components/ct-solid/src/tests.spec.tsx b/tests/components/ct-solid/src/tests.spec.tsx
index 00804374f31bb8..92fab6774858fe 100644
--- a/tests/components/ct-solid/src/tests.spec.tsx
+++ b/tests/components/ct-solid/src/tests.spec.tsx
@@ -44,6 +44,14 @@ test('render multiple children', async ({ mount }) => {
   await expect(component.locator('#two')).toContainText('Two');
 });
 
+
+test('render a component as slot', async ({ mount }) => {
+  const component = await mount(<DefaultChildren>
+    <Button title="Submit" />
+  </DefaultChildren>)
+  expect(component).toContainText('Submit')
+});
+
 test('render named children', async ({ mount }) => {
   const component = await mount(
     <MultipleChildren>
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 7cadf6ba81d035..1c85bf8dcbdd4b 100644
--- a/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue-cli/src/notation-jsx.spec.tsx
@@ -42,6 +42,13 @@ test('render a default slot', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
+test('render a component as slot', async ({ mount }) => {
+  const component = await mount(<DefaultSlot>
+    <Button title="Submit" />
+  </DefaultSlot>)
+  expect(component).toContainText('Submit')
+});
+
 test('render a component with multiple children', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     <div id="one">One</div>
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 c79283f1dd4d8a..0017b52b660daf 100644
--- a/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue-vite/src/notation-jsx.spec.tsx
@@ -66,6 +66,13 @@ test('render a default slot', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
+test('render a component as slot', async ({ mount }) => {
+  const component = await mount(<DefaultSlot>
+    <Button title="Submit" />
+  </DefaultSlot>)
+  expect(component).toContainText('Submit')
+});
+
 test('render a component with multiple slots', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     <div id="one">One</div>
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 181da959099ad4..bb8c90348db130 100644
--- a/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
+++ b/tests/components/ct-vue2-cli/src/notation-jsx.spec.tsx
@@ -65,6 +65,13 @@ test('render a default slot', async ({ mount }) => {
   await expect(component).toContainText('Main Content')
 })
 
+test('render a component as slot', async ({ mount }) => {
+  const component = await mount(<DefaultChildren>
+    <Button title="Submit" />
+  </DefaultChildren>)
+  expect(component).toContainText('Submit')
+});
+
 test('render a component with multiple slots', async ({ mount }) => {
   const component = await mount(<DefaultSlot>
     <div id="one">One</div>