/* vim: set ft=javascript ts=2 et sw=2 tw=80: */ /* Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ */ "use strict"; // Tests the computed-view keyboard navigation. const TEST_URI = `

Some header text

hi.

I am a test-case. This text exists solely to provide some things to highlight and count style list-items in the box at right. If you are reading this, you should go do something else instead. Maybe read a book. Or better yet, write some test-cases for another bit of code. some text

more text

even more text

`; add_task(function* () { yield addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); let {inspector, view} = yield openComputedView(); yield selectNode("span", inspector); info("Selecting the first computed style in the list"); let firstStyle = view.styleDocument.querySelector(".property-view"); ok(firstStyle, "First computed style found in panel"); firstStyle.focus(); info("Tab to select the 2nd style and press return"); let onExpanded = inspector.once("computed-view-property-expanded"); EventUtils.synthesizeKey("VK_TAB", {}); EventUtils.synthesizeKey("VK_RETURN", {}); yield onExpanded; info("Verify the 2nd style has been expanded"); let secondStyleSelectors = view.styleDocument.querySelectorAll( ".property-content .matchedselectors")[1]; ok(secondStyleSelectors.childNodes.length > 0, "Matched selectors expanded"); info("Tab back up and test the same thing, with space"); onExpanded = inspector.once("computed-view-property-expanded"); EventUtils.synthesizeKey("VK_TAB", {shiftKey: true}); EventUtils.synthesizeKey("VK_SPACE", {}); yield onExpanded; info("Verify the 1st style has been expanded too"); let firstStyleSelectors = view.styleDocument.querySelectorAll( ".property-content .matchedselectors")[0]; ok(firstStyleSelectors.childNodes.length > 0, "Matched selectors expanded"); });