/* Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ */ "use strict"; // Tests that the flexbox highlighter is re-displayed after reloading a page. const TEST_URI = `
`; const OTHER_URI = ` `; add_task(async function () { await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); info("Check that the flexbox highlighter can be displayed."); const { inspector, view } = await openRuleView(); const HIGHLIGHTER_TYPE = inspector.highlighters.TYPES.FLEXBOX; const { getActiveHighlighter, waitForHighlighterTypeShown, waitForHighlighterTypeRestored, waitForHighlighterTypeDiscarded, } = getHighlighterTestHelpers(inspector); await selectNode("#flex", inspector); const container = getRuleViewProperty(view, "#flex", "display").valueSpan; const flexboxToggle = container.querySelector( ".js-toggle-flexbox-highlighter" ); info("Toggling ON the flexbox highlighter from the rule-view."); const onHighlighterShown = waitForHighlighterTypeShown(HIGHLIGHTER_TYPE); flexboxToggle.click(); await onHighlighterShown; ok(getActiveHighlighter(HIGHLIGHTER_TYPE), "Flexbox highlighter is shown."); info("Reload the page, expect the highlighter to be displayed once again"); const onRestored = waitForHighlighterTypeRestored(HIGHLIGHTER_TYPE); const onReloaded = inspector.once("reloaded"); await reloadBrowser(); info("Wait for inspector to be reloaded after page reload"); await onReloaded; info("Wait for the highlighter to be restored"); await onRestored; ok(getActiveHighlighter(HIGHLIGHTER_TYPE), "Flexbox highlighter restored."); info("Navigate to another URL, and check that the highlighter is hidden"); const otherUri = "data:text/html;charset=utf-8," + encodeURIComponent(OTHER_URI); const onDiscarded = waitForHighlighterTypeDiscarded(HIGHLIGHTER_TYPE); await navigateTo(otherUri); info("Expect the highlighter not to be restored"); await onDiscarded; ok(!getActiveHighlighter(HIGHLIGHTER_TYPE), "Flexbox highlighter not shown."); });