33 lines
1 KiB
TypeScript
33 lines
1 KiB
TypeScript
import { test, expect } from '@playwright/experimental-ct-angular';
|
|
import { CounterComponent } from '@/components/counter.component';
|
|
|
|
test('update props without remounting', async ({ mount }) => {
|
|
const component = await mount(CounterComponent, {
|
|
props: { count: 9001 },
|
|
});
|
|
await expect(component.getByTestId('props')).toContainText('9001');
|
|
|
|
await component.update({
|
|
props: { 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(CounterComponent);
|
|
|
|
const messages: string[] = [];
|
|
await component.update({
|
|
on: {
|
|
submit: (data: string) => messages.push(data),
|
|
},
|
|
});
|
|
await component.click();
|
|
expect(messages).toEqual(['hello']);
|
|
|
|
await expect(component.getByTestId('remount-count')).toContainText('1');
|
|
});
|