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

36 lines
948 B
JavaScript

/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Tests that the rule view marks overridden rules correctly if a property gets
// disabled
const TEST_URI = `
<style type='text/css'>
#testid {
background-color: blue;
}
.testclass {
background-color: green;
}
</style>
<div id='testid' class='testclass'>Styled Node</div>
`;
add_task(function* () {
yield addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
let {inspector, view} = yield openRuleView();
yield selectNode("#testid", inspector);
let idRule = getRuleViewRuleEditor(view, 1).rule;
let idProp = idRule.textProps[0];
yield togglePropStatus(view, idProp);
let classRule = getRuleViewRuleEditor(view, 2).rule;
let classProp = classRule.textProps[0];
ok(!classProp.overridden,
"Class prop should not be overridden after id prop was disabled.");
});