fix(cdk/testing): Make harnesses click on relative coord 1,1 - not 0,0

Author: mmalerba

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

@@ -73,7 +73,7 @@ export class ProtractorElement implements TestElement {
     return this.element.clear();
   }
 
-  async click(relativeX = 0, relativeY = 0): Promise<void> {
+  async click(relativeX = 1, relativeY = 1): Promise<void> {
     await browser.actions()
       .mouseMove(await this.element.getWebElement(), {x: relativeX, y: relativeY})
       .click()

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

@@ -71,7 +71,7 @@ export class UnitTestElement implements TestElement {
     await this._stabilize();
   }
 
-  async click(relativeX = 0, relativeY = 0): Promise<void> {
+  async click(relativeX = 1, relativeY = 1): Promise<void> {
     await this._stabilize();
     const {left, top} = this.element.getBoundingClientRect();
     // Round the computed click position as decimal pixels are not

src/material/button/testing/BUILD.bazel

@@ -1,4 +1,5 @@
-load("//tools:defaults.bzl", "ng_test_library", "ng_web_test_suite", "ts_library")
+load("//src/e2e-app:test_suite.bzl", "e2e_test_suite")
+load("//tools:defaults.bzl", "ng_e2e_test_library", "ng_test_library", "ng_web_test_suite", "ts_library")
 
 package(default_visibility = ["//visibility:public"])
 
@@ -38,7 +39,10 @@ ng_test_library(
     name = "unit_tests_lib",
     srcs = glob(
         ["**/*.spec.ts"],
-        exclude = ["shared.spec.ts"],
+        exclude = [
+            "**/*.e2e.spec.ts",
+            "shared.spec.ts",
+        ],
     ),
     deps = [
         ":harness_tests_lib",
@@ -51,3 +55,21 @@ ng_web_test_suite(
     name = "unit_tests",
     deps = [":unit_tests_lib"],
 )
+
+ng_e2e_test_library(
+    name = "e2e_test_sources",
+    srcs = glob(["**/*.e2e.spec.ts"]),
+    deps = [
+        "//src/cdk/testing/private/e2e",
+        "//src/cdk/testing/protractor",
+        "//src/material/button/testing",
+    ],
+)
+
+e2e_test_suite(
+    name = "e2e_tests",
+    deps = [
+        ":e2e_test_sources",
+        "//src/cdk/testing/private/e2e",
+    ],
+)

src/material/button/testing/button-harness.e2e.spec.ts

@@ -0,0 +1,17 @@
+import {ProtractorHarnessEnvironment} from '@angular/cdk/testing/protractor';
+import {MatButtonHarness} from '@angular/material/button/testing/button-harness';
+import {browser} from 'protractor';
+
+describe('button harness', () => {
+  beforeEach(async () => await browser.get('/button'));
+
+  it('can click button', async () => {
+    const loader = ProtractorHarnessEnvironment.loader();
+    const disableToggle = await loader.getHarness(MatButtonHarness.with({text: 'Disable buttons'}));
+    const testButton  = await loader.getHarness(MatButtonHarness.with({selector: '#test-button'}));
+
+    expect(await testButton.isDisabled()).toBe(false);
+    await disableToggle.click();
+    expect(await testButton.isDisabled()).toBe(true);
+  });
+});