test: add harness test changes from

f537fba

Author: mmalerba

src/material-experimental/mdc-button/harness/button-harness.spec.ts

@@ -112,7 +112,7 @@ function runTests() {
     // Older versions of Edge have a bug where `disabled` buttons are still clickable if
     // they contain child elements. We skip this check on Edge.
     // See https://stackoverflow.com/questions/32377026/disabled-button-is-clickable-on-edge-browser
-    if (platform.EDGE) {
+    if (platform.EDGE || platform.FIREFOX) {
       return;
     }
 

src/material-experimental/mdc-checkbox/BUILD.bazel

@@ -73,6 +73,7 @@ ng_test_library(
         ":mdc-checkbox",
         "//src/cdk-experimental/testing",
         "//src/cdk-experimental/testing/testbed",
+        "//src/cdk/platform",
         "//src/cdk/testing",
         "//src/material/checkbox",
         "@npm//@angular/forms",

src/material-experimental/mdc-checkbox/harness/checkbox-harness.spec.ts

@@ -1,3 +1,4 @@
+import {Platform} from '@angular/cdk/platform';
 import {HarnessLoader} from '@angular/cdk-experimental/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk-experimental/testing/testbed';
 import {Component} from '@angular/core';
@@ -8,6 +9,7 @@ import {MatCheckboxModule as MatMdcCheckboxModule} from '../index';
 import {MatCheckboxHarness} from './checkbox-harness';
 import {MatCheckboxHarness as MatMdcCheckboxHarness} from './mdc-checkbox-harness';
 
+const platform = new Platform();
 let fixture: ComponentFixture<CheckboxHarnessTest>;
 let loader: HarnessLoader;
 let checkboxHarness: typeof MatCheckboxHarness;
@@ -178,6 +180,12 @@ function runTests() {
   });
 
   it('should not toggle disabled checkbox', async () => {
+    if (platform.FIREFOX) {
+      // do run this test on firefox as click events on the label of a disabled checkbox
+      // cause the value to be changed. https://bugzilla.mozilla.org/show_bug.cgi?id=1540995
+      return;
+    }
+
     const disabledCheckbox = await loader.getHarness(checkboxHarness.with({label: 'Second'}));
     expect(await disabledCheckbox.isChecked()).toBe(false);
     await disabledCheckbox.toggle();

src/material-experimental/mdc-radio/harness/BUILD.bazel

@@ -21,6 +21,7 @@ ng_test_library(
         ":harness",
         "//src/cdk-experimental/testing",
         "//src/cdk-experimental/testing/testbed",
+        "//src/cdk/platform",
         "//src/material/radio",
         "@npm//@angular/forms",
     ],

src/material-experimental/mdc-radio/harness/radio-harness.spec.ts

@@ -1,3 +1,4 @@
+import {Platform} from '@angular/cdk/platform';
 import {HarnessLoader} from '@angular/cdk-experimental/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk-experimental/testing/testbed';
 import {Component} from '@angular/core';
@@ -6,6 +7,7 @@ import {ReactiveFormsModule} from '@angular/forms';
 import {MatRadioModule} from '@angular/material/radio';
 import {MatRadioButtonHarness, MatRadioGroupHarness} from './radio-harness';
 
+const platform = new Platform();
 let fixture: ComponentFixture<MultipleRadioButtonsHarnessTest>;
 let loader: HarnessLoader;
 let radioButtonHarness: typeof MatRadioButtonHarness;
@@ -238,6 +240,13 @@ function runRadioButtonTests() {
   });
 
   it('should not be able to check disabled radio-button', async () => {
+    if (platform.FIREFOX) {
+      // do run this test on firefox as click events on the label of the underlying
+      // input checkbox cause the value to be changed. Read more in the bug report:
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=1540995
+      return;
+    }
+
     fixture.componentInstance.disableAll = true;
     fixture.detectChanges();
 

src/material-experimental/mdc-slide-toggle/BUILD.bazel

@@ -73,6 +73,7 @@ ng_test_library(
         "//src/cdk-experimental/testing",
         "//src/cdk-experimental/testing/testbed",
         "//src/cdk/bidi",
+        "//src/cdk/platform",
         "//src/cdk/testing",
         "//src/material/slide-toggle",
         "@npm//@angular/forms",

src/material-experimental/mdc-slide-toggle/harness/slide-toggle-harness.spec.ts

@@ -1,3 +1,4 @@
+import {Platform} from '@angular/cdk/platform';
 import {HarnessLoader} from '@angular/cdk-experimental/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk-experimental/testing/testbed';
 import {Component} from '@angular/core';
@@ -8,7 +9,7 @@ import {MatSlideToggleModule as MatMdcSlideToggleModule} from '../index';
 import {MatSlideToggleHarness} from './slide-toggle-harness';
 import {MatSlideToggleHarness as MatMdcSlideToggleHarness} from './mdc-slide-toggle-harness';
 
-
+const platform = new Platform();
 let fixture: ComponentFixture<SlideToggleHarnessTest>;
 let loader: HarnessLoader;
 let slideToggleHarness: typeof MatSlideToggleHarness;
@@ -160,6 +161,13 @@ function runTests() {
   });
 
   it('should not toggle disabled slide-toggle', async () => {
+    if (platform.FIREFOX) {
+      // do run this test on firefox as click events on the label of the underlying
+      // input checkbox cause the value to be changed. Read more in the bug report:
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=1540995
+      return;
+    }
+
     const disabledToggle = await loader.getHarness(slideToggleHarness.with({label: 'Second'}));
     expect(await disabledToggle.isChecked()).toBe(false);
     await disabledToggle.toggle();