diff --git a/tests/components/ct-angular/playwright.config.ts b/tests/components/ct-angular/playwright.config.ts index 068d246428..363ccae0b4 100644 --- a/tests/components/ct-angular/playwright.config.ts +++ b/tests/components/ct-angular/playwright.config.ts @@ -26,6 +26,9 @@ export default defineConfig({ use: { trace: 'on-first-retry', ctViteConfig: { + plugins: [angular({ + tsconfig: resolve('./tsconfig.spec.json'), + })], resolve: { alias: { '@': resolve('./src'), diff --git a/tests/components/ct-angular/src/app.component.ts b/tests/components/ct-angular/src/app.component.ts index bfd9786017..07af318bbe 100644 --- a/tests/components/ct-angular/src/app.component.ts +++ b/tests/components/ct-angular/src/app.component.ts @@ -1,9 +1,9 @@ import { Component } from '@angular/core'; -import { RouterModule } from '@angular/router'; +import { RouterLink, RouterOutlet } from '@angular/router'; @Component({ standalone: true, - imports: [RouterModule], + imports: [RouterLink, RouterOutlet], selector: 'app-root', template: `
diff --git a/tests/components/ct-angular/src/components/not-inlined.component.html b/tests/components/ct-angular/src/components/not-inlined.component.html new file mode 100644 index 0000000000..c3d80b594d --- /dev/null +++ b/tests/components/ct-angular/src/components/not-inlined.component.html @@ -0,0 +1 @@ +

Not Inlined

\ No newline at end of file diff --git a/tests/components/ct-angular/src/components/not-inlined.component.ts b/tests/components/ct-angular/src/components/not-inlined.component.ts new file mode 100644 index 0000000000..2852cec837 --- /dev/null +++ b/tests/components/ct-angular/src/components/not-inlined.component.ts @@ -0,0 +1,8 @@ +import { ChangeDetectionStrategy, Component } from '@angular/core'; + +@Component({ + changeDetection: ChangeDetectionStrategy.OnPush, + standalone: true, + templateUrl: './not-inlined.component.html', +}) +export class NotInlinedComponent {} \ No newline at end of file diff --git a/tests/components/ct-angular/tests/render.spec.ts b/tests/components/ct-angular/tests/render.spec.ts index 5ef5aeefab..5676b99cb3 100644 --- a/tests/components/ct-angular/tests/render.spec.ts +++ b/tests/components/ct-angular/tests/render.spec.ts @@ -2,6 +2,7 @@ import { test, expect } from '@playwright/experimental-ct-angular'; import { ButtonComponent } from '@/components/button.component'; import { EmptyComponent } from '@/components/empty.component'; import { ComponentComponent } from '@/components/component.component'; +import { NotInlinedComponent } from '@/components/not-inlined.component'; test('render props', async ({ mount }) => { const component = await mount(ButtonComponent, { @@ -23,3 +24,8 @@ test('render a component without options', async ({ mount }) => { const component = await mount(ComponentComponent); await expect(component).toContainText('test'); }); + +test('render component with not inlined template', async ({ mount }) => { + const component = await mount(NotInlinedComponent); + await expect(component).toContainText('Not Inlined'); +});