Migrate test/e2e/issues/low-text-contrast-issues_test.ts

Fixed: 416405506
Change-Id: I796c5939b48fcd9ba984848c77bc965a74477c39
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6840854
Commit-Queue: Philip Pfaffe <[email protected]>
Reviewed-by: Philip Pfaffe <[email protected]>
Auto-Submit: Alex Rudenko <[email protected]>

Author: OrKoN

test/e2e/issues/BUILD.gn

@@ -6,7 +6,6 @@ import("../../../scripts/build/typescript/typescript.gni")
 
 node_ts_library("issues") {
   sources = [
-    "low-text-contrast-issues_test.ts",
     "quota-issues_test.ts",
     "user-reidentification-issues_test.ts",
   ]

test/e2e_non_hosted/issues/BUILD.gn

@@ -23,6 +23,7 @@ ts_e2e_library("issues") {
     "issue-links_test.ts",
     "issue-view-caching_test.ts",
     "issue-view-reparent_test.ts",
+    "low-text-contrast-issues_test.ts",
     "partitioning-blob-url-issues_test.ts",
     "privacy-sandbox-extensions-api_test.ts",
     "quirks-mode-issues_test.ts",

…/issues/low-text-contrast-issues_test.ts …/issues/low-text-contrast-issues_test.tstest/e2e/issues/low-text-contrast-issues_test.ts renamed to test/e2e_non_hosted/issues/low-text-contrast-issues_test.ts test/e2e/issues/low-text-contrast-issues_test.ts renamed to test/e2e_non_hosted/issues/low-text-contrast-issues_test.ts

@@ -4,27 +4,29 @@
 
 import {assert} from 'chai';
 
-import {enableExperiment, goToResource} from '../../shared/helper.js';
 import {
   assertIssueTitle,
   expandIssue,
   getIssueByTitle,
   getResourcesElement,
   navigateToIssuesTab,
   waitForTableFromResourceSectionContents,
-} from '../helpers/issues-helpers.js';
+} from '../../e2e/helpers/issues-helpers.js';
 
 describe('Low contrast issues', () => {
-  it('should report low contrast issues', async () => {
-    await enableExperiment('contrast-issues');
-    await goToResource('elements/low-contrast.html');
-    await navigateToIssuesTab();
-    await expandIssue();
+  setup({
+    enabledDevToolsExperiments: ['contrast-issues'],
+  });
+
+  it('should report low contrast issues', async ({devToolsPage, inspectedPage}) => {
+    await inspectedPage.goToResource('elements/low-contrast.html');
+    await navigateToIssuesTab(devToolsPage);
+    await expandIssue(devToolsPage);
     const issueTitle = 'Users may have difficulties reading text content due to insufficient color contrast';
-    await assertIssueTitle(issueTitle);
-    const issueElement = await getIssueByTitle(issueTitle);
+    await assertIssueTitle(issueTitle, devToolsPage);
+    const issueElement = await getIssueByTitle(issueTitle, devToolsPage);
     assert.isOk(issueElement);
-    const section = await getResourcesElement('3 elements', issueElement);
+    const section = await getResourcesElement('3 elements', issueElement, undefined, devToolsPage);
     const expectedTableRows = [
       [
         'Element',
@@ -59,6 +61,6 @@ describe('Low contrast issues', () => {
         '400',
       ],
     ];
-    await waitForTableFromResourceSectionContents(section.content, expectedTableRows);
+    await waitForTableFromResourceSectionContents(section.content, expectedTableRows, devToolsPage);
   });
 });