1 files changed, 59 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_infobar_03.js b/devtools/client/inspector/test/browser_inspector_infobar_03.js
new file mode 100644
index 0000000000..afbc06dcec
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_infobar_03.js
@@ -0,0 +1,59 @@
+/* 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";
+
+// Bug 1102269 - Make sure info-bar never gets outside of visible area after scrolling
+
+const TEST_URI = URL_ROOT + "doc_inspector_infobar_03.html";
+
+add_task(async function () {
+  const { inspector, highlighterTestFront } = await openInspectorForURL(
+    TEST_URI
+  );
+
+  const testData = {
+    selector: "body",
+    position: "overlap",
+    style: "position:fixed",
+  };
+
+  await testPositionAndStyle(testData, inspector, highlighterTestFront);
+});
+
+async function testPositionAndStyle(test, inspector, highlighterTestFront) {
+  info("Testing " + test.selector);
+
+  await selectAndHighlightNode(test.selector, inspector);
+
+  let style = await highlighterTestFront.getHighlighterNodeAttribute(
+    "box-model-infobar-container",
+    "style"
+  );
+
+  is(
+    style.split(";")[0].trim(),
+    test.style,
+    "Infobar shows on top of the page when page isn't scrolled"
+  );
+
+  info("Scroll down");
+  SpecialPowers.spawn(gBrowser.selectedBrowser, [], () => {
+    return new Promise(resolve => {
+      content.addEventListener("scroll", () => resolve(), { once: true });
+      content.scrollTo({ top: 500 });
+    });
+  });
+
+  style = await highlighterTestFront.getHighlighterNodeAttribute(
+    "box-model-infobar-container",
+    "style"
+  );
+
+  is(
+    style.split(";")[0].trim(),
+    test.style,
+    "Infobar shows on top of the page even if the page is scrolled"
+  );
+}