feat: remove animations dependency

BREAKING CHANGE

Because of the removal of the animations dependency, the NoopAnimationsModule is no longer automatically imported in the render.

BEFORE:

The NoopAnimationsModule was always imported to the render.

AFTER:

Import the NoopAnimationsModule where needed, or configure the default imports using configure:

`	s
configure({
  defaultImports: [NoopAnimationsModule],
});
`

Author: timdeschryver

apps/example-app/src/test-setup.ts

@@ -1,4 +1,9 @@
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+import { configure } from '@testing-library/angular';
 import '@testing-library/jest-dom';
 
 setupZoneTestEnv();
+configure({
+  defaultImports: [NoopAnimationsModule],
+});

projects/testing-library/package.json

@@ -29,7 +29,6 @@
     "migrations": "./schematics/migrations/migrations.json"
   },
   "peerDependencies": {
-    "@angular/animations": ">= 20.0.0",
     "@angular/common": ">= 20.0.0",
     "@angular/platform-browser": ">= 20.0.0",
     "@angular/router": ">= 20.0.0",

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

@@ -178,12 +178,11 @@ export interface RenderComponentOptions<ComponentType, Q extends Queries = typeo
   /**
    * @description
    * A collection of imports needed to render the component, for example, shared modules.
-   * Adds `NoopAnimationsModule` by default if `BrowserAnimationsModule` isn't added to the collection.
    *
    * For more info see https://angular.io/api/core/NgModule#imports
    *
    * @default
-   * `[NoopAnimationsModule]`
+   * `[]`
    *
    * @example
    * await render(AppComponent, {

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

@@ -12,7 +12,6 @@ import {
   isStandalone,
 } from '@angular/core';
 import { ComponentFixture, DeferBlockBehavior, DeferBlockState, TestBed, tick } from '@angular/core/testing';
-import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { NavigationExtras, Router } from '@angular/router';
 import { RouterTestingModule } from '@angular/router/testing';
 import type { BoundFunctions, Queries } from '@testing-library/dom';
@@ -513,15 +512,9 @@ function addAutoImports<SutType>(
   sut: Type<SutType> | string,
   { imports = [], routes }: Pick<RenderComponentOptions<any>, 'imports' | 'routes'>,
 ) {
-  const animations = () => {
-    const animationIsDefined =
-      imports.indexOf(NoopAnimationsModule) > -1 || imports.indexOf(BrowserAnimationsModule) > -1;
-    return animationIsDefined ? [] : [NoopAnimationsModule];
-  };
-
   const routing = () => (routes ? [RouterTestingModule.withRoutes(routes)] : []);
   const components = () => (typeof sut !== 'string' && isStandalone(sut) ? [sut] : []);
-  return [...imports, ...components(), ...animations(), ...routing()];
+  return [...imports, ...components(), ...routing()];
 }
 
 async function renderDeferBlock<SutType>(

projects/testing-library/tests/render.spec.ts

@@ -17,7 +17,6 @@ import {
   model,
 } from '@angular/core';
 import { outputFromObservable } from '@angular/core/rxjs-interop';
-import { NoopAnimationsModule, BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { TestBed } from '@angular/core/testing';
 import { render, fireEvent, screen, OutputRefKeysWithCallback, aliasedInput } from '../src/public_api';
 import { ActivatedRoute, Resolve, RouterModule } from '@angular/router';
@@ -331,25 +330,6 @@ describe('excludeComponentDeclaration', () => {
   });
 });
 
-describe('animationModule', () => {
-  it('adds NoopAnimationsModule by default', async () => {
-    await render(FixtureComponent);
-    const noopAnimationsModule = TestBed.inject(NoopAnimationsModule);
-    expect(noopAnimationsModule).toBeDefined();
-  });
-
-  it('does not add NoopAnimationsModule if BrowserAnimationsModule is an import', async () => {
-    await render(FixtureComponent, {
-      imports: [BrowserAnimationsModule],
-    });
-
-    const browserAnimationsModule = TestBed.inject(BrowserAnimationsModule);
-    expect(browserAnimationsModule).toBeDefined();
-
-    expect(() => TestBed.inject(NoopAnimationsModule)).toThrow();
-  });
-});
-
 describe('Angular component life-cycle hooks', () => {
   @Component({
     selector: 'atl-fixture',