browser_rules_variables_03-case-sensitive.js (833B)
1 /* Any copyright is dedicated to the Public Domain. 2 http://creativecommons.org/publicdomain/zero/1.0/ */ 3 4 "use strict"; 5 6 // Test that inherited CSS variables are case senstive. 7 8 const TEST_URI = URL_ROOT + "doc_variables_3.html"; 9 10 add_task(async function () { 11 await addTab(TEST_URI); 12 const { inspector, view } = await openRuleView(); 13 await selectNode("#target", inspector); 14 15 const upperCaseVarEl = getRuleViewProperty( 16 view, 17 "div", 18 "color" 19 ).valueSpan.querySelector(".inspector-variable"); 20 const lowerCaseVarEl = getRuleViewProperty( 21 view, 22 "div", 23 "background" 24 ).valueSpan.querySelector(".inspector-variable"); 25 26 is(upperCaseVarEl.textContent, "--COLOR", "upper case variable is matched"); 27 is( 28 lowerCaseVarEl.textContent, 29 "--background", 30 "lower case variable is matched" 31 ); 32 });