diff options
Diffstat (limited to 'devtools/client/inspector/test/browser_inspector_highlighter-rulers_01.js')
-rw-r--r-- | devtools/client/inspector/test/browser_inspector_highlighter-rulers_01.js | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_highlighter-rulers_01.js b/devtools/client/inspector/test/browser_inspector_highlighter-rulers_01.js new file mode 100644 index 000000000..f5deb0222 --- /dev/null +++ b/devtools/client/inspector/test/browser_inspector_highlighter-rulers_01.js @@ -0,0 +1,76 @@ +/* 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-"; + +// Maximum size, in pixel, for the horizontal ruler and vertical ruler +// used by RulersHighlighter +const RULERS_MAX_X_AXIS = 10000; +const RULERS_MAX_Y_AXIS = 15000; +// Number of steps after we add a text in RulersHighliter; +// currently the unit is in pixel. +const RULERS_TEXT_STEP = 100; + +add_task(function* () { + let { inspector, testActor } = yield openInspectorForURL(TEST_URL); + let front = inspector.inspector; + + let highlighter = yield front.getHighlighterByType("RulersHighlighter"); + + yield isHiddenByDefault(highlighter, inspector, testActor); + yield hasRightLabelsContent(highlighter, inspector, testActor); + + yield highlighter.finalize(); +}); + +function* isHiddenByDefault(highlighterFront, inspector, testActor) { + info("Checking the highlighter is hidden by default"); + + let hidden = yield testActor.getHighlighterNodeAttribute( + ID + "elements", "hidden", highlighterFront); + + is(hidden, "true", "highlighter is hidden by default"); + + info("Checking the highlighter is displayed when asked"); + // 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 highlighterFront.show(body); + + hidden = yield testActor.getHighlighterNodeAttribute( + ID + "elements", "hidden", highlighterFront); + + isnot(hidden, "true", "highlighter is visible after show"); +} + +function* hasRightLabelsContent(highlighterFront, inspector, testActor) { + info("Checking the rulers have the proper text, based on rulers' size"); + + let contentX = yield testActor.getHighlighterNodeTextContent( + `${ID}x-axis-text`, highlighterFront); + let contentY = yield testActor.getHighlighterNodeTextContent( + `${ID}y-axis-text`, highlighterFront); + + let expectedX = ""; + for (let i = RULERS_TEXT_STEP; i < RULERS_MAX_X_AXIS; i += RULERS_TEXT_STEP) { + expectedX += i; + } + + is(contentX, expectedX, "x axis text content is correct"); + + let expectedY = ""; + for (let i = RULERS_TEXT_STEP; i < RULERS_MAX_Y_AXIS; i += RULERS_TEXT_STEP) { + expectedY += i; + } + + is(contentY, expectedY, "y axis text content is correct"); +} |