Migrate test/e2e/issues/report-only_test.ts

Fixed: 416405432
Change-Id: Idb57a1218dc8660ea3c05a41503652d04c8720d5
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6725115
Commit-Queue: Liviu Rau <[email protected]>
Commit-Queue: Alex Rudenko <[email protected]>
Auto-Submit: Liviu Rau <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>

Author: Liviu Rau

test/e2e/helpers/issues-helpers.ts

@@ -143,9 +143,10 @@ export async function getIssueHeaderByTitle(
   return undefined;
 }
 
-export async function assertStatus(status: 'blocked'|'report-only') {
+export async function assertStatus(
+    status: 'blocked'|'report-only', devToolsPage: DevToolsPage = getBrowserAndPagesWrappers().devToolsPage) {
   const classStatus = status === 'blocked' ? BLOCKED_STATUS : REPORT_ONLY_STATUS;
-  const issueMessageElement = await waitFor(classStatus);
+  const issueMessageElement = await devToolsPage.waitFor(classStatus);
   const selectedIssueMessage = await issueMessageElement.evaluate(node => node.textContent);
   assert.strictEqual(selectedIssueMessage, status);
 }

test/e2e/issues/BUILD.gn

@@ -11,7 +11,6 @@ node_ts_library("issues") {
     "low-text-contrast-issues_test.ts",
     "partitioning-blob-url-issues_test.ts",
     "quota-issues_test.ts",
-    "report-only_test.ts",
     "sab-issues_test.ts",
     "select-element-accessibility-issues_test.ts",
     "user-reidentification-issues_test.ts",

test/e2e/issues/report-only_test.ts

@@ -23,6 +23,7 @@ ts_e2e_library("issues") {
     "issue-view-reparent_test.ts",
     "privacy-sandbox-extensions-api_test.ts",
     "quirks-mode-issues_test.ts",
+    "report-only_test.ts",
   ]
   deps = [
     "../../e2e/helpers",

test/e2e_non_hosted/issues/BUILD.gn

@@ -0,0 +1,21 @@
+// 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 {assertStatus, expandIssue, navigateToIssuesTab} from '../../e2e/helpers/issues-helpers.js';
+
+describe('The Issues tab report-only issues', () => {
+  it('should report the violation as blocked', async ({devToolsPage, inspectedPage}) => {
+    await inspectedPage.goToResource('elements/element-reveal-inline-issue.html');
+    await navigateToIssuesTab(devToolsPage);
+    await expandIssue(devToolsPage);
+    await assertStatus('blocked', devToolsPage);
+  });
+
+  it('should report the violation as report-only', async ({devToolsPage, inspectedPage}) => {
+    await inspectedPage.goToResource('network/csp-report-only.rawresponse');
+    await navigateToIssuesTab(devToolsPage);
+    await expandIssue(devToolsPage);
+    await assertStatus('report-only', devToolsPage);
+  });
+});