diff --git a/projects/ng-dev/src/lib/component-context/component-context.spec.ts b/projects/ng-dev/src/lib/component-context/component-context.spec.ts index 9ddf3dd5..a5d4785a 100644 --- a/projects/ng-dev/src/lib/component-context/component-context.spec.ts +++ b/projects/ng-dev/src/lib/component-context/component-context.spec.ts @@ -13,6 +13,7 @@ import { BrowserModule, By } from '@angular/platform-browser'; import { ANIMATION_MODULE_TYPE, BrowserAnimationsModule, + provideAnimations, } from '@angular/platform-browser/animations'; import { RouterModule, Routes } from '@angular/router'; import { RouterTestingModule } from '@angular/router/testing'; @@ -58,10 +59,9 @@ describe('ComponentContext', () => { }); it('disables animations', () => { - @NgModule({ imports: [BrowserAnimationsModule] }) - class AnimatedModule {} + // do not use NoopAnimationsModule, because its timing is less finicky const ctx = new ComponentContext(TestComponent, { - imports: [AnimatedModule], + providers: [provideAnimations()], }); ctx.run(() => { expect(ctx.inject(ANIMATION_MODULE_TYPE)).toBe('NoopAnimations'); diff --git a/projects/ng-dev/src/lib/component-context/component-context.ts b/projects/ng-dev/src/lib/component-context/component-context.ts index d37f5ce8..b154b5ee 100644 --- a/projects/ng-dev/src/lib/component-context/component-context.ts +++ b/projects/ng-dev/src/lib/component-context/component-context.ts @@ -10,7 +10,10 @@ import { tick, } from '@angular/core/testing'; import { By } from '@angular/platform-browser'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { + NoopAnimationsModule, + provideNoopAnimations, +} from '@angular/platform-browser/animations'; import { assert } from '@s-libs/js-core'; import { keys } from '@s-libs/micro-dash'; import { @@ -172,10 +175,14 @@ export class ComponentContext extends AngularContext { const mirror = reflectComponentType(componentType); assert(mirror, 'That does not appear to be a component'); const inputProperties = WrapperComponent.wrap(mirror, unboundInputs); - const imports: any[] = [NoopAnimationsModule]; + const imports: any[] = []; const declarations: any[] = [WrapperComponent]; (mirror.isStandalone ? imports : declarations).push(componentType); - super(extendMetadata(moduleMetadata, { imports, declarations })); + super( + extendMetadata({ imports, declarations }, moduleMetadata, { + providers: [provideNoopAnimations()], + }), + ); this.#componentType = componentType; this.#inputProperties = new Set(inputProperties);