46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
import { test, expect } from '@playwright/experimental-ct-vue';
|
|
import Counter from '@/components/Counter.vue';
|
|
|
|
test('update props without remounting', async ({ mount }) => {
|
|
const component = await mount(<Counter count={9001} />);
|
|
await expect(component.getByTestId('props')).toContainText('9001');
|
|
|
|
await component.update(<Counter count={1337} />);
|
|
await expect(component).not.toContainText('9001');
|
|
await expect(component.getByTestId('props')).toContainText('1337');
|
|
|
|
await expect(component.getByTestId('remount-count')).toContainText('1');
|
|
});
|
|
|
|
test('update event listeners without remounting', async ({ mount }) => {
|
|
const component = await mount(<Counter />);
|
|
|
|
const messages: string[] = [];
|
|
await component.update(
|
|
<Counter
|
|
v-on:submit={(count: string) => {
|
|
messages.push(count);
|
|
}}
|
|
/>
|
|
);
|
|
await component.click();
|
|
expect(messages).toEqual(['hello']);
|
|
|
|
await expect(component.getByTestId('remount-count')).toContainText('1');
|
|
});
|
|
|
|
test('update slots without remounting', async ({ mount }) => {
|
|
const component = await mount(<Counter>Default Slot</Counter>);
|
|
await expect(component).toContainText('Default Slot');
|
|
|
|
await component.update(
|
|
<Counter>
|
|
<template v-slot:main>Test Slot</template>
|
|
</Counter>
|
|
);
|
|
await expect(component).not.toContainText('Default Slot');
|
|
await expect(component).toContainText('Test Slot');
|
|
|
|
await expect(component.getByTestId('remount-count')).toContainText('1');
|
|
});
|