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

test(ct): svelte named slots (#17943)

Browse source
This commit is contained in:
sand4rt 2022-10-10 21:43:30 +02:00 committed by GitHub
parent 815277c546
commit 0f820aa7f3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 50 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
tests/components/ct-svelte-vite/src/components/NamedSlots.svelte Normal file
View file

@ -0,0 +1,11 @@
<div>
<header>
<slot name="header" />
</header>
<main>
<slot name="main" />
</main>
<footer>
<slot name="footer" />
</footer>
</div>

14
tests/components/ct-svelte-vite/src/tests.spec.ts
View file

@ -17,6 +17,7 @@
import { test, expect } from '@playwright/experimental-ct-svelte'; import { test, expect } from '@playwright/experimental-ct-svelte';
import Button from './components/Button.svelte'; import Button from './components/Button.svelte';
import DefaultSlot from './components/DefaultSlot.svelte'; import DefaultSlot from './components/DefaultSlot.svelte';
import NamedSlots from './components/NamedSlots.svelte';
import MultiRoot from './components/MultiRoot.svelte'; import MultiRoot from './components/MultiRoot.svelte';
import Empty from './components/Empty.svelte'; import Empty from './components/Empty.svelte';
@ -54,6 +55,19 @@ test('render a default slot', async ({ mount }) => {
await expect(component).toContainText('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')
})
test('run hooks', async ({ page, mount }) => { test('run hooks', async ({ page, mount }) => {
const messages = [] const messages = []
page.on('console', m => messages.push(m.text())) page.on('console', m => messages.push(m.text()))

11
tests/components/ct-svelte/src/components/NamedSlots.svelte Normal file
View file

@ -0,0 +1,11 @@
<div>
<header>
<slot name="header" />
</header>
<main>
<slot name="main" />
</main>
<footer>
<slot name="footer" />
</footer>
</div>

14
tests/components/ct-svelte/src/tests.spec.ts
View file

@ -18,6 +18,7 @@ import { test, expect } from '@playwright/experimental-ct-svelte';
import Button from './components/Button.svelte'; import Button from './components/Button.svelte';
import Component from './components/Component.svelte'; import Component from './components/Component.svelte';
import DefaultSlot from './components/DefaultSlot.svelte'; import DefaultSlot from './components/DefaultSlot.svelte';
import NamedSlots from './components/NamedSlots.svelte'
import MultiRoot from './components/MultiRoot.svelte'; import MultiRoot from './components/MultiRoot.svelte';
import Empty from './components/Empty.svelte'; import Empty from './components/Empty.svelte';
@ -55,6 +56,19 @@ test('render a default slot', async ({ mount }) => {
await expect(component).toContainText('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')
})
test('render a component without options', async ({ mount }) => { test('render a component without options', async ({ mount }) => {
const component = await mount(Component); const component = await mount(Component);
await expect(component).toContainText('test'); await expect(component).toContainText('test');