Mypal/devtools/client/inspector/rules/test/browser_rules_refresh-no-flicker.js
2021-02-04 16:48:36 +02:00

39 lines
1.3 KiB
JavaScript

/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Test that the rule view does not go blank while selecting a new node.
const TESTCASE_URI = "data:text/html;charset=utf-8," +
"<div id=\"testdiv\" style=\"font-size:10px;\">" +
"Test div!</div>";
add_task(function* () {
yield addTab(TESTCASE_URI);
info("Opening the rule view and selecting the test node");
let {inspector, view} = yield openRuleView();
let testdiv = yield getNodeFront("#testdiv", inspector);
yield selectNode(testdiv, inspector);
let htmlBefore = view.element.innerHTML;
ok(htmlBefore.indexOf("font-size") > -1,
"The rule view should contain a font-size property.");
// Do the selectNode call manually, because otherwise it's hard to guarantee
// that we can make the below checks at a reasonable time.
info("refreshing the node");
let p = view.selectElement(testdiv, true);
is(view.element.innerHTML, htmlBefore,
"The rule view is unchanged during selection.");
ok(view.element.classList.contains("non-interactive"),
"The rule view is marked non-interactive.");
yield p;
info("node refreshed");
ok(!view.element.classList.contains("non-interactive"),
"The rule view is marked interactive again.");
});