1 files changed, 36 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_highlighter-reload.js b/devtools/client/inspector/test/browser_inspector_highlighter-reload.js
new file mode 100644
index 0000000000..ac3dac4e2c
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_highlighter-reload.js
@@ -0,0 +1,36 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+// Test that the node picker continues to work after page reload
+
+const TEST_URL = URL_ROOT_SSL + "doc_inspector_highlighter_dom.html";
+
+add_task(async function () {
+  const { inspector, toolbox } = await openInspectorForURL(TEST_URL);
+
+  await startPicker(toolbox);
+
+  info("Selecting the simple-div1 DIV");
+  await hoverElement(inspector, "#simple-div1");
+
+  // Reload the current page (navigate to the same URL)
+  await navigateTo(TEST_URL);
+
+  // hoverElement() resolves after both the "picker-node-hovered" event
+  // and the "highlighter-shown" event are triggered. If this test doesn't timeout,
+  // it means node picking and node highlighting continue to work as expected.
+  info("Selecting the simple-div2 DIV after reload");
+  await hoverElement(inspector, "#simple-div2");
+
+  info("Picking the simple-div2 DIV after reload");
+  await pickElement(inspector, "#simple-div2", 0, 0);
+
+  is(
+    inspector.selection.nodeFront.id,
+    "simple-div2",
+    "The simple-div2 DIV has been picked after reload"
+  );
+});