[e2e] Move Sensor test to non hosted mode

Fixed: 416405290, 416404639, 416404525, 416404799
Change-Id: I5b5777ec435d3b52419090a95de6b78a30a37803
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6607467
Auto-Submit: Nikolay Vitkov <[email protected]>
Commit-Queue: Wolfgang Beyer <[email protected]>
Reviewed-by: Wolfgang Beyer <[email protected]>

Author: Lightning00Blade

test/e2e/BUILD.gn

@@ -36,7 +36,6 @@ node_ts_library("tests") {
     "recorder",
     "search",
     "security",
-    "sensors",
     "settings",
     "snippets",
     "sources",

test/e2e/helpers/BUILD.gn

@@ -28,7 +28,6 @@ node_ts_library("helpers") {
     "quick_open-helpers.ts",
     "search-helpers.ts",
     "security-helpers.ts",
-    "sensors-helpers.ts",
     "settings-helpers.ts",
     "settings-shortcuts-helpers.ts",
     "sources-helpers.ts",

test/e2e/helpers/sensors-helpers.ts

@@ -28,6 +28,7 @@ node_ts_library("tests") {
     "performance",
     "recorder",
     "rendering",
+    "sensors",
     "sources",
     "targets",
     "webaudio",

test/e2e/sensors/emulate-hardware-concurrency_test.ts

@@ -4,17 +4,18 @@
 
 import("../../../scripts/build/typescript/typescript.gni")
 
-node_ts_library("sensors") {
+ts_e2e_library("sensors") {
   sources = [
     "emulate-hardware-concurrency_test.ts",
+    "helpers.ts",
     "idle_test.ts",
     "location_test.ts",
     "orientation_test.ts",
     "touch_test.ts",
   ]
 
   deps = [
+    "../../e2e/helpers",
     "../../shared",
-    "../helpers",
   ]
 }

test/e2e/sensors/orientation_test.ts

@@ -0,0 +1,67 @@
+// Copyright 2022 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import {assert} from 'chai';
+import type * as puppeteer from 'puppeteer-core';
+
+import {openPanelViaMoreTools} from '../../e2e/helpers/settings-helpers.js';
+import type {DevToolsPage} from '../shared/frontend-helper.js';
+import type {InspectedPage} from '../shared/target-helper.js';
+
+async function waitForChangedConcurrency(
+    lastConcurrency: number|undefined, devToolsPage: DevToolsPage, inspectedPage: InspectedPage) {
+  return await devToolsPage.waitForFunction(async () => {
+    const newConcurrency = await inspectedPage.evaluate('navigator.hardwareConcurrency') as number;
+    if (newConcurrency !== lastConcurrency) {
+      return newConcurrency;
+    }
+    return undefined;
+  });
+}
+
+describe('hardwareConcurrency emulation on Sensors panel', () => {
+  it('can emulate navigator.hardwareConcurrency', async ({devToolsPage, inspectedPage}) => {
+    await openPanelViaMoreTools('Sensors', devToolsPage);
+    let concurrency = await waitForChangedConcurrency(undefined, devToolsPage, inspectedPage);
+
+    // Wait for the checkbox to load
+    const toggle =
+        await devToolsPage.waitFor('input[title="Hardware concurrency"]') as puppeteer.ElementHandle<HTMLInputElement>;
+    await devToolsPage.waitForFunction(() => toggle.evaluate((e: HTMLInputElement) => {
+      if (e.disabled) {
+        return false;
+      }
+      e.click();
+      return true;
+    }));
+
+    // Check that the concurrency input shows the correct value:
+    const input =
+        await devToolsPage.waitFor('input[aria-label="Override the value reported by navigator.hardwareConcurrency"]');
+    const initialValue = Number(await input.evaluate(input => {
+      return input.value;
+    }));
+
+    assert.deepEqual(initialValue, concurrency);
+
+    // Check setting a different value works:
+    await input.click({clickCount: 3});
+    await input.type(`${initialValue + 1}`);
+    concurrency = await waitForChangedConcurrency(concurrency, devToolsPage, inspectedPage);
+    assert.deepEqual(concurrency, initialValue + 1);
+
+    // Check that the warning is shown when exceeding the default value:
+    const warning = await devToolsPage.waitForAria('Exceeding the default value may degrade system performance.') as
+        puppeteer.ElementHandle<HTMLElement>;
+    await devToolsPage.waitForFunction(
+        async () => await warning.evaluate(e => getComputedStyle(e).visibility) === 'visible');
+
+    // Check that resetting the value works:
+    const button = await devToolsPage.waitForAria('Reset to the default value');
+    await button.click();
+
+    concurrency = await waitForChangedConcurrency(concurrency, devToolsPage, inspectedPage);
+    assert.deepEqual(concurrency, initialValue);
+  });
+});

test/e2e_non_hosted/BUILD.gn

@@ -0,0 +1,28 @@
+// Copyright 2020 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import type {ElementHandle} from 'puppeteer-core';
+
+import {
+  selectOption,
+} from '../../shared/helper.js';
+import type {DevToolsPage} from '../shared/frontend-helper.js';
+
+export async function setCustomOrientation(devtoolsPage: DevToolsPage) {
+  const dropDown = await devtoolsPage.waitFor('.orientation-fields select');
+  void selectOption(await dropDown.toElement('select'), 'custom');
+}
+
+export async function getInputFieldValue(field: ElementHandle<Element>): Promise<string> {
+  return await field.evaluate(input => (input as HTMLInputElement).value);
+}
+
+export async function getOrientationInputs(devtoolsPage: DevToolsPage) {
+  return await devtoolsPage.waitForMany('.orientation-axis-input-container input', 3);
+}
+
+export async function getOrientationValues(devtoolsPage: DevToolsPage) {
+  return await Promise.all((await getOrientationInputs(devtoolsPage))
+                               .map(i => i.evaluate(i => parseInt((i as HTMLInputElement).value, 10))));
+}