From ea9f61286902a243e0d11dcf09b4ad049f8decda Mon Sep 17 00:00:00 2001 From: Younes Jaaidi Date: Fri, 23 Feb 2024 01:35:47 +0100 Subject: [PATCH] test(ct-angular): fix all tests --- tests/components/ct-angular/playwright/index.ts | 5 +---- .../tests/{angular-router.spec.ts => hooks.spec.ts} | 11 ++++++++++- tests/components/ct-angular/tests/injection.spec.ts | 11 ----------- 3 files changed, 11 insertions(+), 16 deletions(-) rename tests/components/ct-angular/tests/{angular-router.spec.ts => hooks.spec.ts} (62%) delete mode 100644 tests/components/ct-angular/tests/injection.spec.ts diff --git a/tests/components/ct-angular/playwright/index.ts b/tests/components/ct-angular/playwright/index.ts index eea37a2089..7e314d2520 100644 --- a/tests/components/ct-angular/playwright/index.ts +++ b/tests/components/ct-angular/playwright/index.ts @@ -12,10 +12,7 @@ export type HooksConfig = { }; beforeMount(async ({ hooksConfig, TestBed }) => { - TestBed.configureTestingModule({ - imports: [ButtonComponent], - }); - + if (hooksConfig?.routing) TestBed.configureTestingModule({ providers: [provideRouter(routes)], diff --git a/tests/components/ct-angular/tests/angular-router.spec.ts b/tests/components/ct-angular/tests/hooks.spec.ts similarity index 62% rename from tests/components/ct-angular/tests/angular-router.spec.ts rename to tests/components/ct-angular/tests/hooks.spec.ts index 054c72937c..22af118cda 100644 --- a/tests/components/ct-angular/tests/angular-router.spec.ts +++ b/tests/components/ct-angular/tests/hooks.spec.ts @@ -1,7 +1,9 @@ import { test, expect } from '@playwright/experimental-ct-angular'; import type { HooksConfig } from 'playwright'; +import { InjectComponent } from '@/components/inject.component'; import { AppComponent } from '@/app.component'; + test('navigate to a page by clicking a link', async ({ page, mount }) => { const component = await mount(AppComponent, { hooksConfig: { routing: true }, @@ -10,5 +12,12 @@ test('navigate to a page by clicking a link', async ({ page, mount }) => { await expect(page).toHaveURL('/'); await component.getByRole('link', { name: 'Dashboard' }).click(); await expect(component.getByRole('main')).toHaveText('Dashboard'); - await expect(page).toHaveURL('/dashboard'); +}); + +test('inject a token', async ({ page, mount }) => { + const component = await mount(InjectComponent, { + hooksConfig: { injectToken: true }, + }); + await expect(component).toHaveText('has been overwritten'); + await expect(component).not.toHaveText('gets overwritten'); }); diff --git a/tests/components/ct-angular/tests/injection.spec.ts b/tests/components/ct-angular/tests/injection.spec.ts deleted file mode 100644 index f66111989d..0000000000 --- a/tests/components/ct-angular/tests/injection.spec.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { test, expect } from '@playwright/experimental-ct-angular'; -import type { HooksConfig } from 'playwright'; -import { InjectComponent } from '@/components/inject.component'; - -test('inject a token', async ({ page, mount }) => { - const component = await mount(InjectComponent, { - hooksConfig: { injectToken: true }, - }); - await expect(component).toHaveText('has been overwritten'); - await expect(component).not.toHaveText('gets overwritten'); -});