1 files changed, 114 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_initialization.js b/devtools/client/inspector/test/browser_inspector_initialization.js
new file mode 100644
index 0000000000..5fdb3cf719
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_initialization.js
@@ -0,0 +1,114 @@
+/* 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";
+
+// Tests for different ways to initialize the inspector.
+
+const HTML = `
+  <div id="first" style="margin: 10em; font-size: 14pt;
+                         font-family: helvetica, sans-serif; color: gray">
+    <h1>Some header text</h1>
+    <p id="salutation" style="font-size: 12pt">hi.</p>
+    <p id="body" style="font-size: 12pt">I am a test-case. This text exists
+    solely to provide some things to test the inspector initialization.</p>
+    <p>If you are reading this, you should go do something else instead. Maybe
+    read a book. Or better yet, write some test-cases for another bit of code.
+      <span style="font-style: italic">Inspector's!</span>
+    </p>
+    <p id="closing">end transmission</p>
+  </div>
+`;
+
+const TEST_URI = "data:text/html;charset=utf-8," + encodeURI(HTML);
+
+add_task(async function () {
+  const tab = await addTab(TEST_URI);
+  await testToolboxInitialization(tab);
+  await testContextMenuInitialization();
+  await testContextMenuInspectorAlreadyOpen();
+});
+
+async function testToolboxInitialization(tab) {
+  info("Opening inspector with gDevTools.");
+  const toolbox = await gDevTools.showToolboxForTab(tab, {
+    toolId: "inspector",
+  });
+  const inspector = toolbox.getCurrentPanel();
+
+  ok(true, "Inspector started, and notification received.");
+  ok(inspector, "Inspector instance is accessible.");
+
+  await selectNode("p", inspector);
+  await testMarkupView("p", inspector);
+  await testBreadcrumbs("p", inspector);
+
+  await scrollContentPageNodeIntoView(gBrowser.selectedBrowser, "span");
+
+  await selectNode("span", inspector);
+  await testMarkupView("span", inspector);
+  await testBreadcrumbs("span", inspector);
+
+  info("Destroying toolbox");
+  await toolbox.destroy();
+
+  ok(true, "'destroyed' notification received.");
+  const toolboxForTab = await gDevTools.getToolboxForTab(tab);
+  ok(!toolboxForTab, "Toolbox destroyed.");
+}
+
+async function testContextMenuInitialization() {
+  info("Opening inspector by clicking on 'Inspect Element' context menu item");
+  await clickOnInspectMenuItem("#salutation");
+
+  info("Checking inspector state.");
+  await testMarkupView("#salutation");
+  await testBreadcrumbs("#salutation");
+}
+
+async function testContextMenuInspectorAlreadyOpen() {
+  info("Changing node by clicking on 'Inspect Element' context menu item");
+
+  const inspector = await getActiveInspector();
+  ok(inspector, "Inspector is active");
+
+  await clickOnInspectMenuItem("#closing");
+
+  ok(true, "Inspector was updated when 'Inspect Element' was clicked.");
+  await testMarkupView("#closing", inspector);
+  await testBreadcrumbs("#closing", inspector);
+}
+
+async function testMarkupView(selector, inspector) {
+  if (!inspector) {
+    inspector = await getActiveInspector();
+  }
+  const nodeFront = await getNodeFront(selector, inspector);
+  try {
+    is(
+      inspector.selection.nodeFront,
+      nodeFront,
+      "Right node is selected in the markup view"
+    );
+  } catch (ex) {
+    ok(false, "Got exception while resolving selected node of markup view.");
+    console.error(ex);
+  }
+}
+
+async function testBreadcrumbs(selector, inspector) {
+  if (!inspector) {
+    inspector = await getActiveInspector();
+  }
+  const nodeFront = await getNodeFront(selector, inspector);
+
+  const b = inspector.breadcrumbs;
+  const expectedText = b.prettyPrintNodeAsText(nodeFront);
+  const button = b.container.querySelector("button[checked=true]");
+  ok(button, "A crumbs is checked=true");
+  is(
+    button.getAttribute("title"),
+    expectedText,
+    "Crumb refers to the right node"
+  );
+}