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

fix(ct-angular): resolve Angular imports/providers usages

Browse source
This commit is contained in:
Younes Jaaidi 2024-03-27 22:47:06 +01:00
parent 89b885a273
commit fcc1635185
No known key found for this signature in database
GPG key ID: 3126C5717BDF3241
2 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/playwright-ct-core/src/tsxTransform.ts
View file

@ -147,11 +147,15 @@ function collectClassMountUsages(node: T.Node): Set<string> {
const names = new Set<string>(); const names = new Set<string>();
traverse(node, { traverse(node, {
enter: p => { enter: p => {
// Treat calls to mount as component usages. // Treat calls to mount and all identifiers in arguments as component usages.
// e.g. mount(MyComponent, ...) // e.g. mount(MyComponent, { imports: [OtherComponent], providers: [Token]})
if (t.isCallExpression(p.node) && t.isIdentifier(p.node.callee) && p.node.callee.name === 'mount' && t.isIdentifier(p.node.arguments[0])) if (t.isCallExpression(p.node) && t.isIdentifier(p.node.callee) && p.node.callee.name === 'mount') {
names.add(p.node.arguments[0].name); p.traverse({
Identifier: p => {
names.add(p.node.name);
}
});
}
} }
}); });
return names; return names;

6
tests/components/ct-angular/tests/template.spec.ts
View file

@ -4,7 +4,7 @@ import { expect, test } from "@playwright/experimental-ct-angular"
test('render a template', async ({ mount }) => { test('render a template', async ({ mount }) => {
const component = await mount('<h1>{{ 1 + 1 }}</h1>'); const component = await mount('<h1>{{ 1 + 1 }}</h1>');
await expect(component.getByRole('heading')).toContainText('2'); await expect(component).toHaveText('2');
}) })
test('render a template with child components', async ({ mount }) => { test('render a template with child components', async ({ mount }) => {
@ -38,7 +38,7 @@ test('render a template with outputs', async ({ mount }) => {
} }
}); });
component.getByRole('button').click(); await component.getByRole('button').click();
await expect(async () => {expect(_message).toBe('hello')}).toPass(); await expect(async () => {expect(_message).toBe('hello')}).toPass();
}) })