add implementation for UnitTestElement and ProtractorElement

Author: annieyw

src/cdk/testing/protractor/protractor-element.ts

@@ -7,7 +7,7 @@
  */
 
 import {ElementDimensions, ModifierKeys, TestElement, TestKey} from '@angular/cdk/testing';
-import {browser, ElementFinder, Key} from 'protractor';
+import {browser, by, ElementFinder, Key} from 'protractor';
 
 /** Maps the `TestKey` constants to Protractor's `Key` constants. */
 const keyMap = {
@@ -129,8 +129,14 @@ export class ProtractorElement implements TestElement {
     return this.element.sendKeys(...keys);
   }
 
-  async text(): Promise<string> {
-    return this.element.getText();
+  async text(options?: {excludes?: string}): Promise<string> {
+    if (options?.excludes) {
+      return browser.executeScript(`var clone = arguments[0].cloneNode(true); 
+      var remove = clone.querySelectorAll(arguments[1]); 
+      remove.forEach(n => n.remove()); return clone.textContent`, this.element, options.excludes);
+    } else {
+      return this.element.getText();
+    }
   }
 
   async getAttribute(name: string): Promise<string|null> {

src/cdk/testing/test-element.ts

@@ -101,8 +101,12 @@ export interface TestElement {
    */
   sendKeys(modifiers: ModifierKeys, ...keys: (string | TestKey)[]): Promise<void>;
 
-  /** Gets the text from the element. Optionally exclude specific selectors. */
-  text(options?: {excludes: string}): Promise<string>;
+  /**
+   * Gets the text from the element.
+   * @param options Options that affect what text is included
+   *   exclude: A selector for elements whose text should be excluded from the result.
+   */
+  text(options?: {excludes?: string}): Promise<string>;
 
   /** Gets the value for the given attribute from the element. */
   getAttribute(name: string): Promise<string | null>;

src/cdk/testing/testbed/unit-test-element.ts

@@ -126,9 +126,16 @@ export class UnitTestElement implements TestElement {
     await this._stabilize();
   }
 
-  async text(): Promise<string> {
-    await this._stabilize();
-    return (this.element.textContent || '').trim();
+  async text(options?: {excludes?: string}): Promise<string> {
+    await this._stabilize();
+    if (options?.excludes) {
+      const clone = this.element.cloneNode(true);
+      const exclusions = this.element.querySelectorAll(options.excludes);
+      exclusions.forEach(n => n.remove());
+      return (clone.textContent || '').trim();
+    } else {
+      return (this.element.textContent || '').trim();
+    }
   }
 
   async getAttribute(name: string): Promise<string|null> {

tools/public_api_guard/cdk/testing/protractor.d.ts

@@ -17,7 +17,7 @@ export declare class ProtractorElement implements TestElement {
     sendKeys(...keys: (string | TestKey)[]): Promise<void>;
     sendKeys(modifiers: ModifierKeys, ...keys: (string | TestKey)[]): Promise<void>;
     setInputValue(value: string): Promise<void>;
-    text(): Promise<string>;
+    text(options?: {excludes?: string}): Promise<string>;
 }
 
 export declare class ProtractorHarnessEnvironment extends HarnessEnvironment<ElementFinder> {

tools/public_api_guard/cdk/testing/testbed.d.ts

@@ -34,5 +34,5 @@ export declare class UnitTestElement implements TestElement {
     sendKeys(...keys: (string | TestKey)[]): Promise<void>;
     sendKeys(modifiers: ModifierKeys, ...keys: (string | TestKey)[]): Promise<void>;
     setInputValue(value: string): Promise<void>;
-    text(): Promise<string>;
+    text(options?: {excludes?: string}): Promise<string>;
 }