From 8a9075b12b0b5bd179de6aae1c17148f050eaec6 Mon Sep 17 00:00:00 2001 From: timdeschryver <28659384+timdeschryver@users.noreply.github.com> Date: Tue, 14 Sep 2021 16:05:20 +0200 Subject: [PATCH 1/4] docs: add jasmine-dom example --- .../src/app/issues/jasmine-matchers.ts | 11 +++++++++++ apps/example-app-karma/src/test.ts | 5 +++++ 2 files changed, 16 insertions(+) create mode 100644 apps/example-app-karma/src/app/issues/jasmine-matchers.ts diff --git a/apps/example-app-karma/src/app/issues/jasmine-matchers.ts b/apps/example-app-karma/src/app/issues/jasmine-matchers.ts new file mode 100644 index 00000000..0f6e3fd2 --- /dev/null +++ b/apps/example-app-karma/src/app/issues/jasmine-matchers.ts @@ -0,0 +1,11 @@ +import { render, screen } from '@testing-library/angular'; + +it('can use jasmine matchers', async () => { + await render(`
Hello {{ name}}
`, { + componentProperties: { + name: 'Sarah', + }, + }); + + expect(screen.getByText('Hello Sarah')).toBeVisible(); +}); diff --git a/apps/example-app-karma/src/test.ts b/apps/example-app-karma/src/test.ts index bd5e2db8..76923258 100644 --- a/apps/example-app-karma/src/test.ts +++ b/apps/example-app-karma/src/test.ts @@ -2,6 +2,11 @@ import 'zone.js/dist/zone-testing'; import { getTestBed } from '@angular/core/testing'; import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing'; +import JasmineDOM from '@testing-library/jasmine-dom/dist'; + +beforeAll(() => { + jasmine.getEnv().addMatchers(JasmineDOM); +}); declare const require: any; From 82ac8089072c77d29403103e02614492aed5355e Mon Sep 17 00:00:00 2001 From: timdeschryver <28659384+timdeschryver@users.noreply.github.com> Date: Fri, 24 Sep 2021 19:53:00 +0200 Subject: [PATCH 2/4] include test --- apps/example-app-karma/tsconfig.spec.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/example-app-karma/tsconfig.spec.json b/apps/example-app-karma/tsconfig.spec.json index f4b0d715..3ec627f3 100644 --- a/apps/example-app-karma/tsconfig.spec.json +++ b/apps/example-app-karma/tsconfig.spec.json @@ -5,5 +5,5 @@ "types": ["jasmine", "node", "@testing-library/jasmine-dom"] }, "files": ["src/test.ts", "src/polyfills.ts"], - "include": ["**/*.spec.ts", "**/*.d.ts"] + "include": ["src/test.ts", "**/*.spec.ts", "**/*.d.ts"] } From 7c988f90749ecb166c1a44eeec5a6de78f687c39 Mon Sep 17 00:00:00 2001 From: timdeschryver <28659384+timdeschryver@users.noreply.github.com> Date: Fri, 24 Sep 2021 19:57:20 +0200 Subject: [PATCH 3/4] cast? --- apps/example-app-karma/src/test.ts | 2 +- apps/example-app-karma/tsconfig.spec.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/example-app-karma/src/test.ts b/apps/example-app-karma/src/test.ts index 76923258..80e65b1d 100644 --- a/apps/example-app-karma/src/test.ts +++ b/apps/example-app-karma/src/test.ts @@ -5,7 +5,7 @@ import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@ang import JasmineDOM from '@testing-library/jasmine-dom/dist'; beforeAll(() => { - jasmine.getEnv().addMatchers(JasmineDOM); + (jasmine.getEnv() as jasmine.Env).addMatchers(JasmineDOM); }); declare const require: any; diff --git a/apps/example-app-karma/tsconfig.spec.json b/apps/example-app-karma/tsconfig.spec.json index 3ec627f3..f4b0d715 100644 --- a/apps/example-app-karma/tsconfig.spec.json +++ b/apps/example-app-karma/tsconfig.spec.json @@ -5,5 +5,5 @@ "types": ["jasmine", "node", "@testing-library/jasmine-dom"] }, "files": ["src/test.ts", "src/polyfills.ts"], - "include": ["src/test.ts", "**/*.spec.ts", "**/*.d.ts"] + "include": ["**/*.spec.ts", "**/*.d.ts"] } From 0ef726af47a201828bd2f16d2eee3e2c2318dea1 Mon Sep 17 00:00:00 2001 From: timdeschryver <28659384+timdeschryver@users.noreply.github.com> Date: Fri, 24 Sep 2021 20:00:51 +0200 Subject: [PATCH 4/4] cast as any --- apps/example-app-karma/src/test.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/example-app-karma/src/test.ts b/apps/example-app-karma/src/test.ts index 80e65b1d..867baf94 100644 --- a/apps/example-app-karma/src/test.ts +++ b/apps/example-app-karma/src/test.ts @@ -5,7 +5,7 @@ import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@ang import JasmineDOM from '@testing-library/jasmine-dom/dist'; beforeAll(() => { - (jasmine.getEnv() as jasmine.Env).addMatchers(JasmineDOM); + (jasmine.getEnv() as any).addMatchers(JasmineDOM); }); declare const require: any;