diff options
Diffstat (limited to 'devtools/client/inspector/test/browser_inspector_highlighter-rulers_02.js')
-rw-r--r-- | devtools/client/inspector/test/browser_inspector_highlighter-rulers_02.js | 103 |
1 files changed, 103 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_highlighter-rulers_02.js b/devtools/client/inspector/test/browser_inspector_highlighter-rulers_02.js new file mode 100644 index 000000000..fac1c801e --- /dev/null +++ b/devtools/client/inspector/test/browser_inspector_highlighter-rulers_02.js @@ -0,0 +1,103 @@ +/* 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 the creation of the geometry highlighter elements. + +const TEST_URL = "data:text/html;charset=utf-8," + + "<div style='position:absolute;left: 0; top: 0; " + + "width: 40000px; height: 8000px'></div>"; + +const ID = "rulers-highlighter-"; + +add_task(function* () { + let { inspector, testActor } = yield openInspectorForURL(TEST_URL); + let front = inspector.inspector; + + let highlighter = yield front.getHighlighterByType("RulersHighlighter"); + + // the rulers doesn't need any node, but as highligher it seems mandatory + // ones, so the body is given + let body = yield getNodeFront("body", inspector); + yield highlighter.show(body); + + yield isUpdatedAfterScroll(highlighter, inspector, testActor); + + yield highlighter.finalize(); +}); + +function* isUpdatedAfterScroll(highlighterFront, inspector, testActor) { + info("Check the rulers' position by default"); + + let xAxisRulerTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}x-axis-ruler`, "transform", highlighterFront); + let xAxisTextTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}x-axis-text`, "transform", highlighterFront); + let yAxisRulerTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}y-axis-ruler`, "transform", highlighterFront); + let yAxisTextTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}y-axis-text`, "transform", highlighterFront); + + is(xAxisRulerTransform, null, "x axis ruler is positioned properly"); + is(xAxisTextTransform, null, "x axis text are positioned properly"); + is(yAxisRulerTransform, null, "y axis ruler is positioned properly"); + is(yAxisTextTransform, null, "y axis text are positioned properly"); + + info("Ask the content window to scroll to specific coords"); + + let x = 200, y = 300; + + let data = yield testActor.scrollWindow(x, y); + + is(data.x, x, "window scrolled properly horizontally"); + is(data.y, y, "window scrolled properly vertically"); + + info("Check the rulers are properly positioned after the scrolling"); + + xAxisRulerTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}x-axis-ruler`, "transform", highlighterFront); + xAxisTextTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}x-axis-text`, "transform", highlighterFront); + yAxisRulerTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}y-axis-ruler`, "transform", highlighterFront); + yAxisTextTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}y-axis-text`, "transform", highlighterFront); + + is(xAxisRulerTransform, `translate(-${x})`, + "x axis ruler is positioned properly"); + is(xAxisTextTransform, `translate(-${x})`, + "x axis text are positioned properly"); + is(yAxisRulerTransform, `translate(0, -${y})`, + "y axis ruler is positioned properly"); + is(yAxisTextTransform, `translate(0, -${y})`, + "y axis text are positioned properly"); + + info("Ask the content window to scroll relative to the current position"); + + data = yield testActor.scrollWindow(-50, -60, true); + + is(data.x, x - 50, "window scrolled properly horizontally"); + is(data.y, y - 60, "window scrolled properly vertically"); + + info("Check the rulers are properly positioned after the relative scrolling"); + + xAxisRulerTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}x-axis-ruler`, "transform", highlighterFront); + xAxisTextTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}x-axis-text`, "transform", highlighterFront); + yAxisRulerTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}y-axis-ruler`, "transform", highlighterFront); + yAxisTextTransform = yield testActor.getHighlighterNodeAttribute( + `${ID}y-axis-text`, "transform", highlighterFront); + + is(xAxisRulerTransform, `translate(-${x - 50})`, + "x axis ruler is positioned properly"); + is(xAxisTextTransform, `translate(-${x - 50})`, + "x axis text are positioned properly"); + is(yAxisRulerTransform, `translate(0, -${y - 60})`, + "y axis ruler is positioned properly"); + is(yAxisTextTransform, `translate(0, -${y - 60})`, + "y axis text are positioned properly"); +} |