exclude shadow dom tests on browsers that don't support it

Author: mmalerba

src/cdk/testing/tests/BUILD.bazel

@@ -15,6 +15,7 @@ ng_module(
     assets = glob(["**/*.html"]),
     deps = [
         "//src/cdk/keycodes",
+        "//src/cdk/platform",
         "@npm//@angular/forms",
     ],
 )
@@ -36,6 +37,7 @@ ng_test_library(
     deps = [
         ":test_components",
         ":test_harnesses",
+        "//src/cdk/platform",
         "//src/cdk/testing",
         "//src/cdk/testing/private",
         "//src/cdk/testing/testbed",

src/cdk/testing/tests/test-main-component.html

@@ -32,7 +32,7 @@ <h1 style="height: 100px; width: 200px;">Main Component</h1>
   </button>
   <span id="task-state-result" #taskStateResult></span>
 </div>
-<test-shadow-boundary>
+<test-shadow-boundary *ngIf="_shadowDomSupported">
   <div class="in-the-shadows">Shadow 1</div>
   <test-shadow-boundary>
     <div class="in-the-shadows">Shadow 2</div>

src/cdk/testing/tests/test-main-component.ts

@@ -7,6 +7,7 @@
  */
 
 import {ENTER} from '@angular/cdk/keycodes';
+import {_supportsShadowDom} from '@angular/cdk/platform';
 import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
@@ -42,6 +43,7 @@ export class TestMainComponent implements OnDestroy {
   specialKey = '';
   relativeX = 0;
   relativeY = 0;
+  _shadowDomSupported = _supportsShadowDom();
 
   @ViewChild('clickTestElement') clickTestElement: ElementRef<HTMLElement>;
   @ViewChild('taskStateResult') taskStateResultElement: ElementRef<HTMLElement>;

src/cdk/testing/tests/testbed.spec.ts

@@ -1,3 +1,4 @@
+import {_supportsShadowDom} from '@angular/cdk/platform';
 import {
   ComponentHarness,
   ComponentHarnessConstructor,
@@ -7,12 +8,12 @@ import {
 import {expectAsyncError} from '@angular/cdk/testing/private';
 import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
 import {async, ComponentFixture, fakeAsync, TestBed} from '@angular/core/testing';
+import {querySelectorAll as piercingQuerySelectorAll} from 'kagekiri';
 import {FakeOverlayHarness} from './harnesses/fake-overlay-harness';
 import {MainComponentHarness} from './harnesses/main-component-harness';
 import {SubComponentHarness, SubComponentSpecialHarness} from './harnesses/sub-component-harness';
 import {TestComponentsModule} from './test-components-module';
 import {TestMainComponent} from './test-main-component';
-import {querySelectorAll as piercingQuerySelectorAll} from 'kagekiri';
 
 function activeElementText() {
   return document.activeElement && (document.activeElement as HTMLElement).innerText || '';
@@ -494,26 +495,28 @@ describe('TestbedHarnessEnvironment', () => {
     });
   });
 
-  describe('shadow DOM interaction', () => {
-    it('should not pierce shadow boundary by default', async () => {
-      const harness = await TestbedHarnessEnvironment
-          .harnessForFixture(fixture, MainComponentHarness);
-      expect(await harness.shadows()).toEqual([]);
-    });
-
-    it('should pierce shadow boundary when using piercing query', async () => {
-      const harness = await TestbedHarnessEnvironment
-          .harnessForFixture(fixture, MainComponentHarness, piercingQuerySelectorAll);
-      const shadows = await harness.shadows();
-      expect(await Promise.all(shadows.map(el => el.text()))).toEqual(['Shadow 1', 'Shadow 2']);
+  if (_supportsShadowDom()) {
+    describe('shadow DOM interaction', () => {
+      it('should not pierce shadow boundary by default', async () => {
+        const harness = await TestbedHarnessEnvironment
+            .harnessForFixture(fixture, MainComponentHarness);
+        expect(await harness.shadows()).toEqual([]);
+      });
+
+      it('should pierce shadow boundary when using piercing query', async () => {
+        const harness = await TestbedHarnessEnvironment
+            .harnessForFixture(fixture, MainComponentHarness, piercingQuerySelectorAll);
+        const shadows = await harness.shadows();
+        expect(await Promise.all(shadows.map(el => el.text()))).toEqual(['Shadow 1', 'Shadow 2']);
+      });
+
+      it('should allow querying across shadow boundary', async () => {
+        const harness = await TestbedHarnessEnvironment
+            .harnessForFixture(fixture, MainComponentHarness, piercingQuerySelectorAll);
+        expect(await (await harness.deepShadow()).text()).toBe('Shadow 2');
+      });
     });
-
-    it('should allow querying across shadow boundary', async () => {
-      const harness = await TestbedHarnessEnvironment
-          .harnessForFixture(fixture, MainComponentHarness, piercingQuerySelectorAll);
-      expect(await (await harness.deepShadow()).text()).toBe('Shadow 2');
-    });
-  });
+  }
 });
 
 async function checkIsElement(result: ComponentHarness | TestElement, selector?: string) {

yarn.lock

@@ -8983,7 +8983,7 @@ postcss-selector-parser@^3.1.0:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
-"postcss-selector-parser@github:nolanlawson/postcss-selector-parser#util-deprecate":
+postcss-selector-parser@nolanlawson/postcss-selector-parser#util-deprecate:
   version "6.0.2"
   resolved "https://codeload.github.com/nolanlawson/postcss-selector-parser/tar.gz/75e38f7a7db8d58fb033ab7d24414b55d81e5b4f"
   dependencies: