test: setup integration test for harnesses with selenium-webdriver

sets up an integration test for harnesses with selenium-webdriver. This
test is valuable as it ensures that our harnesses can work with the Jasmine
test runner + selenium-webdriver when running as ES module, compared to CommonJS
which is no longer supported out of the box (as of v13).

Author: devversion

integration/harness-e2e-cli/e2e/driver.ts

@@ -0,0 +1,19 @@
+import {Builder} from 'selenium-webdriver';
+import {
+  ServiceBuilder,
+  Options as ChromeOptions,
+  setDefaultService,
+} from 'selenium-webdriver/chrome.js';
+
+export function configureDriver() {
+  const options = new ChromeOptions();
+  const service = new ServiceBuilder(process.env['CHROMEDRIVER_BIN']!);
+
+  options.headless();
+  options.addArguments('--no-sandbox');
+  options.setChromeBinaryPath(process.env['CHROME_BIN']!);
+
+  setDefaultService(service.build());
+
+  return new Builder().forBrowser('chrome').setChromeOptions(options).build();
+}

integration/harness-e2e-cli/e2e/jasmine.json

@@ -0,0 +1,9 @@
+{
+  "spec_dir": "e2e",
+  "spec_files": [
+    "**/*.spec.ts"
+  ],
+  "env": {
+    "random": true
+  }
+}

integration/harness-e2e-cli/e2e/package.json

@@ -0,0 +1,3 @@
+{
+    "type": "module"
+}

integration/harness-e2e-cli/e2e/select-harness.spec.ts

@@ -0,0 +1,32 @@
+import {MatSelectHarness} from '@angular/material/select/testing';
+import {SeleniumWebDriverHarnessEnvironment} from '@angular/cdk/testing/selenium-webdriver';
+import {HarnessLoader} from '@angular/cdk/testing';
+import {configureDriver} from './driver.js';
+
+describe('app test', () => {
+  let loader: HarnessLoader;
+
+  beforeEach(async () => {
+    const driver = await configureDriver();
+
+    await driver.get('http://localhost:4200');
+
+    loader = SeleniumWebDriverHarnessEnvironment.loader(driver);
+  });
+
+  it('should work', async () => {
+    const select = await loader.getHarness(MatSelectHarness);
+
+    expect(select).toBeDefined();
+    expect(await select.getValueText()).toBe('');
+
+    await select.open();
+
+    const options = await select.getOptions();
+
+    await options[0].click();
+    await select.close();
+
+    expect(await select.getValueText()).toBe('First');
+  });
+});

integration/harness-e2e-cli/e2e/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "compilerOptions": {
+        "module": "es2020",
+        "target": "es2020",
+        "moduleResolution": "node",
+    }
+}

integration/harness-e2e-cli/package.json

@@ -6,7 +6,10 @@
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "test": "ng test",
+    "run-e2e-specs": "node --loader ts-node/esm node_modules/jasmine/bin/jasmine --config=e2e/jasmine.json",
+    "wait-and-run-e2e": "wait-on http://localhost:4200 && yarn run-e2e-specs",
+    "e2e": "concurrently -s first -k 'ng serve' 'yarn wait-and-run-e2e'"
   },
   "private": true,
   "dependencies": {