29 lines
838 B
TypeScript
29 lines
838 B
TypeScript
import { test, expect } from '@playwright/experimental-ct-vue';
|
|
import Button from '@/components/Button.vue';
|
|
import DefaultSlot from '@/components/DefaultSlot.vue';
|
|
|
|
test('emit a submit event when the button is clicked', async ({ mount }) => {
|
|
const messages: string[] = [];
|
|
const component = await mount(
|
|
<Button
|
|
title="Submit"
|
|
v-on:submit={(data: string) => {
|
|
messages.push(data);
|
|
}}
|
|
/>
|
|
);
|
|
await component.click();
|
|
expect(messages).toEqual(['hello']);
|
|
});
|
|
|
|
test('emit a event when a slot is clicked', async ({ mount }) => {
|
|
let clickFired = false;
|
|
const component = await mount(
|
|
<DefaultSlot>
|
|
<span v-on:click={() => (clickFired = true)}>Main Content</span>
|
|
</DefaultSlot>
|
|
);
|
|
await component.locator('text=Main Content').click();
|
|
expect(clickFired).toBeTruthy();
|
|
});
|