main - 7faac70 docs: remove noop module from harness examples (#30899)

Author: crisbeto

docs-content/docs-content/examples-highlighted/material/autocomplete/autocomplete-harness/autocomplete-harness-example.spec-ts.html

@@ -3,17 +3,12 @@
 <span class="hljs-keyword">import</span> {MatAutocompleteHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/autocomplete/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {AutocompleteHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./autocomplete-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
-<span class="hljs-keyword">import</span> {MatAutocompleteModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/autocomplete&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;AutocompleteHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;AutocompleteHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
-    TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [MatAutocompleteModule, NoopAnimationsModule],
-    });
     fixture = TestBed.createComponent(AutocompleteHarnessExample);
     fixture.detectChanges();
     loader = TestbedHarnessEnvironment.loader(fixture);

docs-content/docs-content/examples-highlighted/material/bottom-sheet/bottom-sheet-harness/bottom-sheet-harness-example.spec-ts.html

@@ -3,16 +3,15 @@
 <span class="hljs-keyword">import</span> {MatBottomSheetHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/bottom-sheet/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {BottomSheetHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./bottom-sheet-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
-<span class="hljs-keyword">import</span> {MatBottomSheetModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/bottom-sheet&#x27;</span>;
+<span class="hljs-keyword">import</span> {MATERIAL_ANIMATIONS} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;BottomSheetHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;BottomSheetHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
     TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [MatBottomSheetModule, NoopAnimationsModule],
+      <span class="hljs-attr">providers</span>: [{<span class="hljs-attr">provide</span>: MATERIAL_ANIMATIONS, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}}],
     });
     fixture = TestBed.createComponent(BottomSheetHarnessExample);
     fixture.detectChanges();

docs-content/docs-content/examples-highlighted/material/datepicker/datepicker-harness/datepicker-harness-example.spec-ts.html

@@ -3,17 +3,16 @@
 <span class="hljs-keyword">import</span> {MatDatepickerInputHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/datepicker/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {DatepickerHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./datepicker-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
-<span class="hljs-keyword">import</span> {MatDatepickerModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/datepicker&#x27;</span>;
-<span class="hljs-keyword">import</span> {MatNativeDateModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
+<span class="hljs-keyword">import</span> {MATERIAL_ANIMATIONS, MatNativeDateModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;DatepickerHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;DatepickerHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
     TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [MatDatepickerModule, NoopAnimationsModule, MatNativeDateModule],
+      <span class="hljs-attr">imports</span>: [MatNativeDateModule],
+      <span class="hljs-attr">providers</span>: [{<span class="hljs-attr">provide</span>: MATERIAL_ANIMATIONS, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}}],
     });
     fixture = TestBed.createComponent(DatepickerHarnessExample);
     fixture.detectChanges();

docs-content/docs-content/examples-highlighted/material/dialog/dialog-harness/dialog-harness-example.spec-ts.html

@@ -1,17 +1,17 @@
 <span class="hljs-keyword">import</span> {ComponentFixture, TestBed} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/core/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {TestbedHarnessEnvironment} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing/testbed&#x27;</span>;
+<span class="hljs-keyword">import</span> {MATERIAL_ANIMATIONS} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
 <span class="hljs-keyword">import</span> {MatDialogHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/dialog/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {DialogHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./dialog-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;DialogHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;DialogHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
     TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [NoopAnimationsModule],
+      <span class="hljs-attr">providers</span>: [{<span class="hljs-attr">provide</span>: MATERIAL_ANIMATIONS, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}}],
     });
     fixture = TestBed.createComponent(DialogHarnessExample);
     fixture.detectChanges();

docs-content/docs-content/examples-highlighted/material/expansion/expansion-harness/expansion-harness-example.spec-ts.html

@@ -2,17 +2,13 @@
 <span class="hljs-keyword">import</span> {TestbedHarnessEnvironment} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing/testbed&#x27;</span>;
 <span class="hljs-keyword">import</span> {MatAccordionHarness, MatExpansionPanelHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/expansion/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
 <span class="hljs-keyword">import</span> {ExpansionHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./expansion-harness-example&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;ExpansionHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;ExpansionHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
-    TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [NoopAnimationsModule],
-    });
     fixture = TestBed.createComponent(ExpansionHarnessExample);
     fixture.detectChanges();
     loader = TestbedHarnessEnvironment.loader(fixture);

docs-content/docs-content/examples-highlighted/material/form-field/form-field-harness/form-field-harness-example.spec-ts.html

@@ -3,17 +3,13 @@
 <span class="hljs-keyword">import</span> {MatFormFieldHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/form-field/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {FormFieldHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./form-field-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
 <span class="hljs-keyword">import</span> {MatInputHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/input/testing&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;FormFieldHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;FormFieldHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
-    TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [NoopAnimationsModule],
-    });
     fixture = TestBed.createComponent(FormFieldHarnessExample);
     fixture.detectChanges();
     loader = TestbedHarnessEnvironment.loader(fixture);

docs-content/docs-content/examples-highlighted/material/input/input-harness/input-harness-example.spec-ts.html

@@ -3,16 +3,12 @@
 <span class="hljs-keyword">import</span> {MatInputHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/input/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {InputHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./input-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;InputHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;InputHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
-    TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [NoopAnimationsModule],
-    });
     fixture = TestBed.createComponent(InputHarnessExample);
     fixture.detectChanges();
     loader = TestbedHarnessEnvironment.loader(fixture);

docs-content/docs-content/examples-highlighted/material/menu/menu-harness/menu-harness-example.spec-ts.html

@@ -2,17 +2,16 @@
 <span class="hljs-keyword">import</span> {TestbedHarnessEnvironment} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing/testbed&#x27;</span>;
 <span class="hljs-keyword">import</span> {MatMenuHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/menu/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
-<span class="hljs-keyword">import</span> {MatMenuModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/menu&#x27;</span>;
+<span class="hljs-keyword">import</span> {MATERIAL_ANIMATIONS} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
 <span class="hljs-keyword">import</span> {MenuHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./menu-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;MenuHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;MenuHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
     TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [MatMenuModule, NoopAnimationsModule, MenuHarnessExample],
+      <span class="hljs-attr">providers</span>: [{<span class="hljs-attr">provide</span>: MATERIAL_ANIMATIONS, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}}],
     });
     fixture = TestBed.createComponent(MenuHarnessExample);
     fixture.detectChanges();

docs-content/docs-content/examples-highlighted/material/paginator/paginator-harness/paginator-harness-example.spec-ts.html

@@ -3,18 +3,13 @@
 <span class="hljs-keyword">import</span> {MatPaginatorHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/paginator/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {PaginatorHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./paginator-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
-<span class="hljs-keyword">import</span> {MatPaginatorModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/paginator&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;PaginatorHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;PaginatorHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
   <span class="hljs-keyword">let</span> instance: PaginatorHarnessExample;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
-    TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [MatPaginatorModule, NoopAnimationsModule],
-    });
     fixture = TestBed.createComponent(PaginatorHarnessExample);
     fixture.detectChanges();
     loader = TestbedHarnessEnvironment.loader(fixture);

docs-content/docs-content/examples-highlighted/material/select/select-harness/select-harness-example.spec-ts.html

@@ -1,18 +1,17 @@
 <span class="hljs-keyword">import</span> {ComponentFixture, TestBed} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/core/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {TestbedHarnessEnvironment} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing/testbed&#x27;</span>;
 <span class="hljs-keyword">import</span> {MatSelectHarness} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/select/testing&#x27;</span>;
+<span class="hljs-keyword">import</span> {MATERIAL_ANIMATIONS} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
 <span class="hljs-keyword">import</span> {HarnessLoader} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
 <span class="hljs-keyword">import</span> {SelectHarnessExample} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./select-harness-example&#x27;</span>;
-<span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/platform-browser/animations&#x27;</span>;
-<span class="hljs-keyword">import</span> {MatSelectModule} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/select&#x27;</span>;
 
 describe(<span class="hljs-string">&#x27;SelectHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
   <span class="hljs-keyword">let</span> fixture: ComponentFixture&lt;SelectHarnessExample&gt;;
   <span class="hljs-keyword">let</span> loader: HarnessLoader;
 
   beforeEach(<span class="hljs-function">() =&gt;</span> {
     TestBed.configureTestingModule({
-      <span class="hljs-attr">imports</span>: [MatSelectModule, NoopAnimationsModule],
+      <span class="hljs-attr">providers</span>: [{<span class="hljs-attr">provide</span>: MATERIAL_ANIMATIONS, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}}],
     });
     fixture = TestBed.createComponent(SelectHarnessExample);
     fixture.detectChanges();