WIP: attempt to get protractor working

Author: mmalerba

src/cdk/testing/tests/BUILD.bazel

@@ -54,5 +54,6 @@ ng_e2e_test_library(
         "//src/cdk/testing",
         "//src/cdk/testing/private",
         "//src/cdk/testing/protractor",
+        "@npm//kagekiri",
     ],
 )

src/cdk/testing/tests/protractor.e2e.spec.ts

@@ -6,9 +6,15 @@ import {
 } from '@angular/cdk/testing';
 import {expectAsyncError} from '@angular/cdk/testing/private';
 import {ProtractorHarnessEnvironment} from '@angular/cdk/testing/protractor';
-import {browser} from 'protractor';
+import {browser, by, ElementFinder} from 'protractor';
 import {MainComponentHarness} from './harnesses/main-component-harness';
 import {SubComponentHarness, SubComponentSpecialHarness} from './harnesses/sub-component-harness';
+import {querySelectorAll as piercingQuerySelectorAll} from 'kagekiri';
+
+const piercingQueryFn =
+    (selector: string, root: ElementFinder) => root.all(by.js(function(this: any) {
+      piercingQuerySelectorAll(selector, this);
+    }));
 
 describe('ProtractorHarnessEnvironment', () => {
   beforeEach(async () => {
@@ -456,6 +462,27 @@ describe('ProtractorHarnessEnvironment', () => {
       }
     });
   });
+
+    describe('shadow DOM interaction', () => {
+      it('should not pierce shadow boundary by default', async () => {
+        const harness = await ProtractorHarnessEnvironment.loader(piercingQueryFn)
+            .getHarness(MainComponentHarness);
+        expect(await harness.shadows()).toEqual([]);
+      });
+
+      it('should pierce shadow boundary when using piercing query', async () => {
+        const harness = await ProtractorHarnessEnvironment.loader(piercingQueryFn)
+            .getHarness(MainComponentHarness);
+        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 ProtractorHarnessEnvironment.loader(piercingQueryFn)
+            .getHarness(MainComponentHarness);
+        expect(await (await harness.deepShadow()).text()).toBe('Shadow 2');
+      });
+    });
 });
 
 async function checkIsElement(result: ComponentHarness | TestElement, selector?: string) {