The Tor Browser / file comparison
comparison: browser/devtools/inspector/test/browser_inspector_bug_674871.js
browser/devtools/inspector/test/browser_inspector_bug_674871.js
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:25087bf6b641 |
|---|---|
| 1 /* Any copyright is dedicated to the Public Domain. | |
| 2 http://creativecommons.org/publicdomain/zero/1.0/ */ | |
| 3 | |
| 4 function test() | |
| 5 { | |
| 6 waitForExplicitFinish(); | |
| 7 | |
| 8 let doc; | |
| 9 let iframeNode, iframeBodyNode; | |
| 10 let inspector; | |
| 11 | |
| 12 let iframeSrc = "<style>" + | |
| 13 "body {" + | |
| 14 "margin:0;" + | |
| 15 "height:100%;" + | |
| 16 "background-color:red" + | |
| 17 "}" + | |
| 18 "</style>" + | |
| 19 "<body></body>"; | |
| 20 let docSrc = "<style>" + | |
| 21 "iframe {" + | |
| 22 "height:200px;" + | |
| 23 "border: 11px solid black;" + | |
| 24 "padding: 13px;" + | |
| 25 "}" + | |
| 26 "body,iframe {" + | |
| 27 "margin:0" + | |
| 28 "}" + | |
| 29 "</style>" + | |
| 30 "<body>" + | |
| 31 "<iframe src='data:text/html," + iframeSrc + "'></iframe>" + | |
| 32 "</body>"; | |
| 33 | |
| 34 gBrowser.selectedTab = gBrowser.addTab(); | |
| 35 gBrowser.selectedBrowser.addEventListener("load", function onload() { | |
| 36 gBrowser.selectedBrowser.removeEventListener("load", onload, true); | |
| 37 doc = content.document; | |
| 38 waitForFocus(setupTest, content); | |
| 39 }, true); | |
| 40 | |
| 41 content.location = "data:text/html," + docSrc; | |
| 42 | |
| 43 function setupTest() | |
| 44 { | |
| 45 iframeNode = doc.querySelector("iframe"); | |
| 46 iframeBodyNode = iframeNode.contentDocument.querySelector("body"); | |
| 47 ok(iframeNode, "we have the iframe node"); | |
| 48 ok(iframeBodyNode, "we have the body node"); | |
| 49 openInspector(aInspector => { | |
| 50 inspector = aInspector; | |
| 51 // Make sure the highlighter is shown so we can disable transitions | |
| 52 inspector.toolbox.highlighter.showBoxModel(getNodeFront(doc.body)).then(() => { | |
| 53 runTests(); | |
| 54 }); | |
| 55 }); | |
| 56 } | |
| 57 | |
| 58 function runTests() | |
| 59 { | |
| 60 inspector.toolbox.highlighterUtils.startPicker().then(() => { | |
| 61 moveMouseOver(iframeNode, 1, 1, isTheIframeHighlighted); | |
| 62 }); | |
| 63 } | |
| 64 | |
| 65 function isTheIframeHighlighted() | |
| 66 { | |
| 67 let {p1, p2, p3, p4} = getBoxModelStatus().border.points; | |
| 68 let {top, right, bottom, left} = iframeNode.getBoundingClientRect(); | |
| 69 | |
| 70 is(top, p1.y, "iframeRect.top === boxModelStatus.p1.y"); | |
| 71 is(top, p2.y, "iframeRect.top === boxModelStatus.p2.y"); | |
| 72 is(right, p2.x, "iframeRect.right === boxModelStatus.p2.x"); | |
| 73 is(right, p3.x, "iframeRect.right === boxModelStatus.p3.x"); | |
| 74 is(bottom, p3.y, "iframeRect.bottom === boxModelStatus.p3.y"); | |
| 75 is(bottom, p4.y, "iframeRect.bottom === boxModelStatus.p4.y"); | |
| 76 is(left, p1.x, "iframeRect.left === boxModelStatus.p1.x"); | |
| 77 is(left, p4.x, "iframeRect.left === boxModelStatus.p4.x"); | |
| 78 | |
| 79 iframeNode.style.marginBottom = doc.defaultView.innerHeight + "px"; | |
| 80 doc.defaultView.scrollBy(0, 40); | |
| 81 | |
| 82 moveMouseOver(iframeNode, 40, 40, isTheIframeContentHighlighted); | |
| 83 } | |
| 84 | |
| 85 function isTheIframeContentHighlighted() | |
| 86 { | |
| 87 is(getHighlitNode(), iframeBodyNode, "highlighter shows the right node"); | |
| 88 | |
| 89 let outlineRect = getSimpleBorderRect(); | |
| 90 is(outlineRect.height, 200, "highlighter height"); | |
| 91 | |
| 92 inspector.toolbox.highlighterUtils.stopPicker().then(() => { | |
| 93 let target = TargetFactory.forTab(gBrowser.selectedTab); | |
| 94 gDevTools.closeToolbox(target); | |
| 95 finishUp(); | |
| 96 }); | |
| 97 } | |
| 98 | |
| 99 function finishUp() | |
| 100 { | |
| 101 doc = inspector = iframeNode = iframeBodyNode = null; | |
| 102 gBrowser.removeCurrentTab(); | |
| 103 finish(); | |
| 104 } | |
| 105 | |
| 106 function moveMouseOver(aElement, x, y, cb) | |
| 107 { | |
| 108 inspector.toolbox.once("picker-node-hovered", cb); | |
| 109 EventUtils.synthesizeMouse(aElement, x, y, {type: "mousemove"}, | |
| 110 aElement.ownerDocument.defaultView); | |
| 111 } | |
| 112 } |
