+
+
{{ msg }}
+
+ default value
+
+
+
+
+
diff --git a/tests/components/ct-vue-vite/tests/slots/slots.spec.js b/tests/components/ct-vue-vite/tests/slots/slots.spec.js
index a33c9dac92..d93a30bef8 100644
--- a/tests/components/ct-vue-vite/tests/slots/slots.spec.js
+++ b/tests/components/ct-vue-vite/tests/slots/slots.spec.js
@@ -2,6 +2,7 @@ import { test, expect } from '@playwright/experimental-ct-vue';
import DefaultSlot from '@/components/DefaultSlot.vue';
import NamedSlots from '@/components/NamedSlots.vue';
import Button from '@/components/Button.vue';
+import HelloWorld from "@/components/HelloWorld.vue";
test('render a default slot', async ({ mount }) => {
const component = await mount(DefaultSlot, {
@@ -49,3 +50,14 @@ test('render a component with a named slot', async ({ mount }) => {
await expect(component).toContainText('Main Content');
await expect(component).toContainText('Footer');
});
+
+
+test('updating default slot should work', { annotation: { type: 'issue', description: 'https://github.com/microsoft/playwright/issues/32809' } }, async ({ mount }) => {
+ const slots = { default: 'foo' };
+
+ const component = await mount(HelloWorld, { slots });
+ await expect(component).toHaveText('foo');
+
+ await component.update({ slots });
+ await expect(component).toHaveText('foo');
+});