Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: fixed event reassignment on update and removed slot tests for v4

Browse source
This commit is contained in:
Marcin Wiśniowski 2025-02-24 17:26:20 +01:00
parent 642b074ac3
commit 1a47fc3af5
2 changed files with 6 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/playwright-ct-svelte/registerSource.mjs
View file

@ -92,6 +92,9 @@ window.playwrightMount = async (component, rootElement, hooksConfig) => {
for (const hook of window.__pw_hooks_after_mount || []) for (const hook of window.__pw_hooks_after_mount || [])
await hook({ hooksConfig, svelteComponent }); await hook({ hooksConfig, svelteComponent });
for (const [key, listener] of Object.entries(component.on || {}))
svelteComponent.$on(key, event => listener(event.detail));
}; };
window.playwrightUnmount = async rootElement => { window.playwrightUnmount = async rootElement => {
@ -111,4 +114,7 @@ window.playwrightUpdate = async (rootElement, component) => {
throw new Error('Component was not mounted'); throw new Error('Component was not mounted');
svelteComponent.$set(extractParams(component)); svelteComponent.$set(extractParams(component));
for (const [key, listener] of Object.entries(component.on || {}))
svelteComponent.$on(key, event => listener(event.detail));
}; };

25
tests/components/ct-svelte4/tests/slots.spec.ts
View file

@ -1,25 +0,0 @@
import { test, expect } from '@playwright/experimental-ct-svelte';
import DefaultSlot from '@/components/DefaultSlot.svelte';
import NamedSlots from '@/components/NamedSlots.svelte';
test('render a default slot', async ({ mount }) => {
const component = await mount(DefaultSlot, {
slots: {
default: 'Main Content',
},
});
await expect(component).toContainText('Main Content');
});
test('render a component with a named slot', async ({ mount }) => {
const component = await mount(NamedSlots, {
slots: {
header: 'Header',
main: 'Main Content',
footer: 'Footer',
},
});
await expect(component).toContainText('Header');
await expect(component).toContainText('Main Content');
await expect(component).toContainText('Footer');
});