test(multiple): switch remaining tests to standalone

Switches all remaining unit tests to be standalone-based.

Author: crisbeto

src/material-experimental/column-resize/column-resize.spec.ts

@@ -274,40 +274,58 @@ abstract class BaseTestComponentRtl extends BaseTestComponent {
   }
 }
 
-@Component({template: getTableTemplate(false), standalone: false})
+@Component({
+  template: getTableTemplate(false),
+  imports: [BidiModule, MatTableModule, MatColumnResizeModule],
+})
 class MatResizeTest extends BaseTestComponent {
   @ViewChild(MatColumnResize) columnResize: AbstractMatColumnResize;
 }
 
 @Component({
   template: getTableTemplate(false),
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: false,
+  imports: [BidiModule, MatTableModule, MatColumnResizeModule],
 })
 class MatResizeOnPushTest extends MatResizeTest {}
 
-@Component({template: getTableTemplate(true), standalone: false})
+@Component({
+  template: getTableTemplate(true),
+  imports: [BidiModule, MatTableModule, MatDefaultEnabledColumnResizeModule],
+})
 class MatResizeDefaultTest extends BaseTestComponent {
   @ViewChild(MatDefaultEnabledColumnResize) columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getTableTemplate(true), standalone: false})
+@Component({
+  template: getTableTemplate(true),
+  imports: [BidiModule, MatTableModule, MatDefaultEnabledColumnResizeModule],
+})
 class MatResizeDefaultRtlTest extends BaseTestComponentRtl {
   @ViewChild(MatDefaultEnabledColumnResize) columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getFlexTemplate(false), standalone: false})
+@Component({
+  template: getFlexTemplate(false),
+  imports: [BidiModule, MatTableModule, MatColumnResizeModule],
+})
 class MatResizeFlexTest extends BaseTestComponent {
   @ViewChild(MatColumnResizeFlex) columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getFlexTemplate(true), standalone: false})
+@Component({
+  template: getFlexTemplate(true),
+  imports: [BidiModule, MatTableModule, MatDefaultEnabledColumnResizeModule],
+})
 class MatResizeDefaultFlexTest extends BaseTestComponent {
   @ViewChild(MatDefaultEnabledColumnResizeFlex)
   columnResize: AbstractMatColumnResize;
 }
 
-@Component({template: getFlexTemplate(true), standalone: false})
+@Component({
+  template: getFlexTemplate(true),
+  imports: [BidiModule, MatTableModule, MatDefaultEnabledColumnResizeModule],
+})
 class MatResizeDefaultFlexRtlTest extends BaseTestComponentRtl {
   @ViewChild(MatDefaultEnabledColumnResizeFlex)
   columnResize: AbstractMatColumnResize;
@@ -357,44 +375,23 @@ declare global {
 }
 
 const testCases = [
-  [MatColumnResizeModule, MatResizeTest, 'opt-in table-based mat-table'],
-  [MatColumnResizeModule, MatResizeOnPushTest, 'inside OnPush component'],
-  [MatColumnResizeModule, MatResizeFlexTest, 'opt-in flex-based mat-table'],
-  [
-    MatDefaultEnabledColumnResizeModule,
-    MatResizeDefaultTest,
-    'default enabled table-based mat-table',
-  ],
-  [
-    MatDefaultEnabledColumnResizeModule,
-    MatResizeDefaultRtlTest,
-    'default enabled rtl table-based mat-table',
-  ],
-  [
-    MatDefaultEnabledColumnResizeModule,
-    MatResizeDefaultFlexTest,
-    'default enabled flex-based mat-table',
-  ],
-  [
-    MatDefaultEnabledColumnResizeModule,
-    MatResizeDefaultFlexRtlTest,
-    'default enabled rtl flex-based mat-table',
-  ],
+  [MatResizeTest, 'opt-in table-based mat-table'],
+  [MatResizeOnPushTest, 'inside OnPush component'],
+  [MatResizeFlexTest, 'opt-in flex-based mat-table'],
+  [MatResizeDefaultTest, 'default enabled table-based mat-table'],
+  [MatResizeDefaultRtlTest, 'default enabled rtl table-based mat-table'],
+  [MatResizeDefaultFlexTest, 'default enabled flex-based mat-table'],
+  [MatResizeDefaultFlexRtlTest, 'default enabled rtl flex-based mat-table'],
 ] as const;
 
 describe('Material Popover Edit', () => {
-  for (const [resizeModule, componentClass, label] of testCases) {
+  for (const [componentClass, label] of testCases) {
     describe(label, () => {
       let component: BaseTestComponent;
       let fixture: ComponentFixture<BaseTestComponent>;
 
       beforeEach(fakeAsync(() => {
         jasmine.addMatchers(approximateMatcher);
-
-        TestBed.configureTestingModule({
-          imports: [BidiModule, MatTableModule, resizeModule],
-          declarations: [componentClass],
-        });
         fixture = TestBed.createComponent(componentClass);
         component = fixture.componentInstance;
         fixture.detectChanges();
@@ -645,12 +642,10 @@ describe('Material Popover Edit', () => {
       jasmine.addMatchers(approximateMatcher);
 
       TestBed.configureTestingModule({
-        imports: [BidiModule, MatTableModule, MatColumnResizeModule],
         providers: [
           FakeColumnSizeStore,
           {provide: ColumnSizeStore, useExisting: FakeColumnSizeStore},
         ],
-        declarations: [MatResizeOnPushTest],
       });
       fixture = TestBed.createComponent(MatResizeOnPushTest);
       component = fixture.componentInstance;

src/material-experimental/popover-edit/popover-edit.spec.ts

@@ -229,7 +229,7 @@ class ElementDataSource extends DataSource<PeriodicElement> {
       margin: 16px;
     }
   `,
-  standalone: false,
+  imports: [MatTableModule, MatPopoverEditModule, FormsModule],
 })
 class MatFlexTableInCell extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];
@@ -281,7 +281,7 @@ class MatFlexTableInCell extends BaseTestComponent {
       margin: 16px;
     }
   `,
-  standalone: false,
+  imports: [MatTableModule, MatPopoverEditModule, FormsModule],
 })
 class MatTableInCell extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];
@@ -300,10 +300,6 @@ describe('Material Popover Edit', () => {
       let fixture: ComponentFixture<BaseTestComponent>;
 
       beforeEach(fakeAsync(() => {
-        TestBed.configureTestingModule({
-          imports: [MatTableModule, MatPopoverEditModule, FormsModule],
-          declarations: [componentClass],
-        });
         fixture = TestBed.createComponent(componentClass);
         component = fixture.componentInstance;
         fixture.detectChanges();

src/material/chips/chip-grid.spec.ts

@@ -39,9 +39,15 @@ import {FormControl, FormsModule, NgForm, ReactiveFormsModule, Validators} from
 import {By} from '@angular/platform-browser';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 import {MATERIAL_ANIMATIONS} from '../core';
-import {MatFormFieldModule} from '../form-field';
-import {MatInputModule} from '../input';
-import {MatChipEvent, MatChipGrid, MatChipInputEvent, MatChipRow, MatChipsModule} from './index';
+import {MatError, MatFormField, MatHint, MatLabel} from '../form-field';
+import {
+  MatChipEvent,
+  MatChipGrid,
+  MatChipInput,
+  MatChipInputEvent,
+  MatChipRemove,
+  MatChipRow,
+} from './index';
 
 describe('MatChipGrid', () => {
   let chipGridDebugElement: DebugElement;
@@ -1028,19 +1034,11 @@ describe('MatChipGrid', () => {
     directionality = signal(direction);
 
     TestBed.configureTestingModule({
-      imports: [
-        FormsModule,
-        ReactiveFormsModule,
-        MatChipsModule,
-        MatFormFieldModule,
-        MatInputModule,
-        ...additionalImports,
-      ],
+      imports: additionalImports,
       providers: [
         provideFakeDirectionality(directionality),
         {provide: MATERIAL_ANIMATIONS, useValue: {animationsDisabled: true}},
       ],
-      declarations: [component],
     });
 
     const fixture = TestBed.createComponent<T>(component);
@@ -1067,7 +1065,7 @@ describe('MatChipGrid', () => {
       }
     </mat-chip-grid>
     <input name="test" [matChipInputFor]="chipGrid"/>`,
-  standalone: false,
+  imports: [MatChipGrid, MatChipRow, MatChipInput],
 })
 class StandardChipGrid {
   name: string = 'Test';
@@ -1089,7 +1087,7 @@ class StandardChipGrid {
       <input name="test" [matChipInputFor]="chipGrid"/>
     </mat-form-field>
   `,
-  standalone: false,
+  imports: [MatChipGrid, MatChipRow, MatChipInput, MatFormField, MatLabel],
 })
 class FormFieldChipGrid {
   chips = ['Chip 0', 'Chip 1', 'Chip 2'];
@@ -1121,7 +1119,7 @@ class FormFieldChipGrid {
           (matChipInputTokenEnd)="add($event)"/>
     </mat-form-field>
   `,
-  standalone: false,
+  imports: [MatChipGrid, MatChipRow, MatChipInput, MatFormField, MatLabel, ReactiveFormsModule],
 })
 class InputChipGrid {
   foods: any[] = [
@@ -1168,20 +1166,30 @@ class InputChipGrid {
 
 @Component({
   template: `
-<form #form="ngForm" novalidate>
-  <mat-form-field>
-    <mat-chip-grid #chipGrid [formControl]="formControl">
-      @for (food of foods; track food) {
-        <mat-chip-row [value]="food.value">{{food.viewValue}}</mat-chip-row>
-      }
-    </mat-chip-grid>
-    <input name="test" [matChipInputFor]="chipGrid"/>
-    <mat-hint>Please select a chip, or type to add a new chip</mat-hint>
-    <mat-error>Should have value</mat-error>
-  </mat-form-field>
-</form>
+    <form #form="ngForm" novalidate>
+      <mat-form-field>
+        <mat-chip-grid #chipGrid [formControl]="formControl">
+          @for (food of foods; track food) {
+            <mat-chip-row [value]="food.value">{{food.viewValue}}</mat-chip-row>
+          }
+        </mat-chip-grid>
+        <input name="test" [matChipInputFor]="chipGrid"/>
+        <mat-hint>Please select a chip, or type to add a new chip</mat-hint>
+        <mat-error>Should have value</mat-error>
+      </mat-form-field>
+    </form>
   `,
-  standalone: false,
+  imports: [
+    MatChipGrid,
+    MatChipRow,
+    MatChipInput,
+    MatFormField,
+    MatHint,
+    MatError,
+    MatLabel,
+    ReactiveFormsModule,
+    FormsModule,
+  ],
 })
 class ChipGridWithFormErrorMessages {
   foods: any[] = [
@@ -1217,7 +1225,7 @@ class ChipGridWithFormErrorMessages {
       <input name="test" [matChipInputFor]="chipGrid"/>
     </mat-form-field>
   `,
-  standalone: false,
+  imports: [MatChipGrid, MatChipRow, MatChipInput, MatFormField, MatChipRemove],
 })
 class ChipGridWithRemove {
   chips = [0, 1, 2, 3, 4];

src/material/chips/chip-input.spec.ts

@@ -1,5 +1,4 @@
 import {COMMA, ENTER, TAB} from '@angular/cdk/keycodes';
-import {PlatformModule} from '@angular/cdk/platform';
 import {
   createKeyboardEvent,
   dispatchEvent,
@@ -10,14 +9,14 @@ import {Component, DebugElement, ViewChild} from '@angular/core';
 import {ComponentFixture, fakeAsync, flush, TestBed, waitForAsync} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {MATERIAL_ANIMATIONS} from '../core';
-import {MatFormFieldModule} from '../form-field';
+import {MatFormField} from '../form-field';
 import {
   MAT_CHIPS_DEFAULT_OPTIONS,
   MatChipGrid,
   MatChipInput,
   MatChipInputEvent,
+  MatChipRow,
   MatChipsDefaultOptions,
-  MatChipsModule,
 } from './index';
 
 describe('MatChipInput', () => {
@@ -29,12 +28,10 @@ describe('MatChipInput', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [PlatformModule, MatChipsModule, MatFormFieldModule],
       providers: [
         provideFakeDirectionality('ltr'),
         {provide: MATERIAL_ANIMATIONS, useValue: {animationsDisabled: true}},
       ],
-      declarations: [TestChipInput],
     });
   }));
 
@@ -239,8 +236,6 @@ describe('MatChipInput', () => {
       fixture.destroy();
 
       TestBed.resetTestingModule().configureTestingModule({
-        imports: [MatChipsModule, MatFormFieldModule, PlatformModule],
-        declarations: [TestChipInput],
         providers: [
           {
             provide: MAT_CHIPS_DEFAULT_OPTIONS,
@@ -325,7 +320,7 @@ describe('MatChipInput', () => {
       </mat-chip-grid>
     </mat-form-field>
   `,
-  standalone: false,
+  imports: [MatFormField, MatChipGrid, MatChipRow, MatChipInput],
 })
 class TestChipInput {
   @ViewChild(MatChipGrid) chipGridInstance: MatChipGrid;