From 39efe83d1573246a5863eb90c1b0a0c5d47ea02f Mon Sep 17 00:00:00 2001
From: Simon Knott <info@simonknott.de>
Date: Fri, 4 Oct 2024 12:24:39 +0200
Subject: [PATCH] add ts test

---
 .../components/ct-vue-vite/tests/slots/slots.spec.js  |  2 +-
 .../components/ct-vue-vite/tests/slots/slots.spec.ts  | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

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 d93a30bef8..ee41d9d52f 100644
--- a/tests/components/ct-vue-vite/tests/slots/slots.spec.js
+++ b/tests/components/ct-vue-vite/tests/slots/slots.spec.js
@@ -52,7 +52,7 @@ test('render a component with a named slot', async ({ mount }) => {
 });
 
 
-test('updating default slot should work', { annotation: { type: 'issue', description: 'https://github.com/microsoft/playwright/issues/32809' } }, async ({ mount }) => {
+test('updating 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 });
diff --git a/tests/components/ct-vue-vite/tests/slots/slots.spec.ts b/tests/components/ct-vue-vite/tests/slots/slots.spec.ts
index a33c9dac92..64c8a29886 100644
--- a/tests/components/ct-vue-vite/tests/slots/slots.spec.ts
+++ b/tests/components/ct-vue-vite/tests/slots/slots.spec.ts
@@ -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,13 @@ test('render a component with a named slot', async ({ mount }) => {
   await expect(component).toContainText('Main Content');
   await expect(component).toContainText('Footer');
 });
+
+test('updating 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');
+});