browser_rules_selector-highlighter-on-navigate.js (1024B)
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 the selector highlighter is hidden on page navigation. 7 8 const TEST_URI = ` 9 <style type="text/css"> 10 body, p, td { 11 background: red; 12 } 13 </style> 14 Test the selector highlighter 15 `; 16 17 const TEST_URI_2 = "data:text/html,<html><body>test</body></html>"; 18 19 add_task(async function () { 20 await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); 21 const { inspector, view } = await openRuleView(); 22 23 info("Clicking on a selector icon"); 24 const { highlighter, isShown } = await clickSelectorIcon(view, "body, p, td"); 25 26 ok(highlighter, "The selector highlighter instance was created"); 27 ok(isShown, "The selector highlighter was shown"); 28 29 await navigateTo(TEST_URI_2); 30 31 const activeHighlighter = inspector.highlighters.getActiveHighlighter( 32 inspector.highlighters.TYPES.SELECTOR 33 ); 34 ok(!activeHighlighter, "No selector highlighter is active"); 35 });