Migrate test/e2e/elements/switch-panels-while-editing-as-html_test.ts

Fixed: 416405137
Change-Id: Icbbd6acc0f38d2e6b1112e12a068520f2b7b5aed
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6727714
Reviewed-by: Simon Zünd <[email protected]>
Auto-Submit: Liviu Rau <[email protected]>
Commit-Queue: Simon Zünd <[email protected]>

Author: Liviu Rau

test/e2e/elements/BUILD.gn

@@ -25,7 +25,6 @@ node_ts_library("elements") {
     "sidebar-event-listeners_test.ts",
     "style-pane-properties_test.ts",
     "styles-disable-inherited_test.ts",
-    "switch-panels-while-editing-as-html_test.ts",
   ]
 
   deps = [

test/e2e/elements/switch-panels-while-editing-as-html_test.ts

@@ -15,6 +15,7 @@ ts_e2e_library("elements") {
     "grid-editor_test.ts",
     "pseudo-states_test.ts",
     "style-pane-properties_test.ts",
+    "switch-panels-while-editing-as-html_test.ts",
     "violating-element-and-attributes_test.ts",
   ]
   deps = [

test/e2e_non_hosted/elements/BUILD.gn

@@ -0,0 +1,26 @@
+// Copyright 2021 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 {findSubMenuEntryItem} from '../../e2e/helpers/context-menu-helpers.js';
+import {
+  expandSelectedNodeRecursively,
+  navigateToElementsTab,
+} from '../../e2e/helpers/elements-helpers.js';
+import {openSourcesPanel} from '../../e2e/helpers/sources-helpers.js';
+
+describe('The Elements tab', function() {
+  it('does not break when switching panels while editing as HTML', async ({devToolsPage, inspectedPage}) => {
+    await inspectedPage.goToResource('elements/switch-panels-while-editing-as-html.html');
+    await expandSelectedNodeRecursively(devToolsPage);
+    const elementsContentPanel = await devToolsPage.waitFor('#elements-content');
+    const selectedNode = await devToolsPage.waitForElementWithTextContent('Inspected Node', elementsContentPanel);
+    await selectedNode.click({button: 'right'});
+    const editAsHTMLOption = await findSubMenuEntryItem('Edit as HTML', devToolsPage);
+    await editAsHTMLOption.click();
+    await devToolsPage.waitFor('.elements-disclosure devtools-text-editor');
+    await openSourcesPanel(devToolsPage);
+    await navigateToElementsTab(devToolsPage);
+    await devToolsPage.waitForNone('.elements-disclosure devtools-text-editor');
+  });
+});