Commit a5ad0c8

authored

feat: add config for testing with zoneless Angular (#532)

1 parent 59f73ae commit a5ad0c8Copy full SHA for a5ad0c8

File tree

3 files changed

+18

-5

lines changed

projects/testing-library/src/lib

3 files changed

+18

-5

lines changed

`‎projects/testing-library/src/lib/config.ts`

Lines changed: 1 addition & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,16 +3,14 @@ import { Config } from './models';`
`3`	`3`	`let config: Config = {`
`4`	`4`	`dom: {},`
`5`	`5`	`defaultImports: [],`
	`6`	`+ zoneless: false,`
`6`	`7`	`};`
`7`	`8`
`8`	`9`	`export function configure(newConfig: Partial<Config> \| ((config: Partial<Config>) => Partial<Config>)) {`
`9`	`10`	`if (typeof newConfig === 'function') {`
`10`		`- // Pass the existing config out to the provided function`
`11`		`- // and accept a delta in return`
`12`	`11`	`newConfig = newConfig(config);`
`13`	`12`	`}`
`14`	`13`
`15`		`- // Merge the incoming config delta`
`16`	`14`	`config = {`
`17`	`15`	`...config,`
`18`	`16`	`...newConfig,`

`‎projects/testing-library/src/lib/models.ts`

Lines changed: 7 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -497,4 +497,11 @@ export interface Config extends Pick<RenderComponentOptions<any>, 'excludeCompon`
`497`	`497`	`* Imports that are added to the imports`
`498`	`498`	`*/`
`499`	`499`	`defaultImports: any[];`
	`500`	`+ /**`
	`501`	+ * Set to `true` to use zoneless change detection.
	`502`	+ * This automatically adds `provideZonelessChangeDetection` to the default imports.
	`503`	`+ *`
	`504`	`+ * @default false`
	`505`	`+ */`
	`506`	`+ zoneless?: boolean;`
`500`	`507`	`}`

`‎projects/testing-library/src/lib/testing-library.ts`

Lines changed: 10 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ import {`
`10`	`10`	`SimpleChanges,`
`11`	`11`	`Type,`
`12`	`12`	`isStandalone,`
	`13`	`+ provideZonelessChangeDetection,`
`13`	`14`	`} from '@angular/core';`
`14`	`15`	`import { ComponentFixture, DeferBlockBehavior, DeferBlockState, TestBed, tick } from '@angular/core/testing';`
`15`	`16`	`import { NavigationExtras, Router } from '@angular/router';`
`@@ -78,6 +79,7 @@ export async function render<SutType, WrapperType = SutType>(`
`78`	`79`	`initialRoute = '',`
`79`	`80`	`deferBlockStates = undefined,`
`80`	`81`	`deferBlockBehavior = undefined,`
	`82`	`+ zoneless = false,`
`81`	`83`	`configureTestBed = () => {`
`82`	`84`	`/* noop*/`
`83`	`85`	`},`
`@@ -105,6 +107,7 @@ export async function render<SutType, WrapperType = SutType>(`
`105`	`107`	`imports: addAutoImports(sut, {`
`106`	`108`	`imports: imports.concat(defaultImports),`
`107`	`109`	`routes,`
	`110`	`+ zoneless,`
`108`	`111`	`}),`
`109`	`112`	`providers: [...providers],`
`110`	`113`	`schemas: [...schemas],`
`@@ -510,11 +513,16 @@ function addAutoDeclarations<SutType>(`
`510`	`513`
`511`	`514`	`function addAutoImports<SutType>(`
`512`	`515`	`sut: Type<SutType> \| string,`
`513`		`- { imports = [], routes }: Pick<RenderComponentOptions<any>, 'imports' \| 'routes'>,`
	`516`	`+ {`
	`517`	`+ imports = [],`
	`518`	`+ routes,`
	`519`	`+ zoneless,`
	`520`	`+ }: Pick<RenderComponentOptions<any>, 'imports' \| 'routes'> & Pick<Config, 'zoneless'>,`
`514`	`521`	`) {`
`515`	`522`	`const routing = () => (routes ? [RouterTestingModule.withRoutes(routes)] : []);`
`516`	`523`	`const components = () => (typeof sut !== 'string' && isStandalone(sut) ? [sut] : []);`
`517`		`- return [...imports, ...components(), ...routing()];`
	`524`	`+ const provideZoneless = () => (zoneless ? [provideZonelessChangeDetection()] : []);`
	`525`	`+ return [...imports, ...components(), ...routing(), ...provideZoneless()];`
`518`	`526`	`}`
`519`	`527`
`520`	`528`	`async function renderDeferBlock<SutType>(`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit a5ad0c8

File tree

3 files changed

3 files changed

`‎projects/testing-library/src/lib/config.ts`

`‎projects/testing-library/src/lib/models.ts`

`‎projects/testing-library/src/lib/testing-library.ts`

0 commit comments