This is a paragraph.
`; /** * Test data has the format of: * { * desc {String} description for better logging * setup {Function} An optional setup that needs to be performed before * the state of the tree and the sidebar can be checked. * expected {JSON} An expected states for the tree and the sidebar. * } */ const tests = [ { desc: "Test the initial accessibility tree and sidebar states.", expected: { tree: [ { role: "document", name: `"Accessibility Panel Test"`, }, ], sidebar: { name: "Accessibility Panel Test", role: "document", actions: [], value: "", description: "", keyboardShortcut: "", childCount: 2, indexInParent: 0, states: [ // The focused state is an outdated state, since the toolbox should now // have the focus and not the content page. See Bug 1702709. "focused", "readonly", "focusable", "opaque", "enabled", "sensitive", ], }, }, }, { desc: "Expand first tree node.", setup: ({ doc }) => toggleRow(doc, 0), expected: { tree: [ { role: "document", name: `"Accessibility Panel Test"`, }, { role: "heading", name: `"Top level header"`, }, { role: "paragraph", name: `""`, }, ], }, }, { desc: "Select second tree node.", setup: ({ doc }) => selectRow(doc, 1), expected: { sidebar: { name: "Top level header", role: "heading", actions: [], value: "", description: "", keyboardShortcut: "", childCount: 1, indexInParent: 0, relations: { "containing document": { role: "document", name: "Accessibility Panel Test", }, }, states: ["selectable text", "opaque", "enabled", "sensitive"], }, }, }, { desc: "Select containing document.", setup: async ({ doc, win }) => { const relations = await selectProperty(doc, "/relations"); AccessibilityUtils.setEnv({ // Keyboard navigation is handled on the container level using arrow // keys. mustHaveAccessibleRule: false, }); EventUtils.sendMouseEvent( { type: "click" }, relations.querySelector(".arrow"), win ); AccessibilityUtils.resetEnv(); const containingDocRelation = await selectProperty( doc, "/relations/containing document" ); AccessibilityUtils.setEnv({ // Keyboard interaction is only enabled when the row is selected and // activated. nonNegativeTabIndexRule: false, }); const selectElementInTreeButton = containingDocRelation.querySelector( ".open-accessibility-inspector" ); ok(!!selectElementInTreeButton, "There's a button to select the element"); is( selectElementInTreeButton.getAttribute("title"), L10N.getStr("accessibility.accessible.selectElement.title"), "The button has the expected title" ); EventUtils.sendMouseEvent( { type: "click" }, selectElementInTreeButton, win ); AccessibilityUtils.resetEnv(); }, expected: { sidebar: { name: "Accessibility Panel Test", role: "document", actions: [], value: "", description: "", keyboardShortcut: "", childCount: 2, indexInParent: 0, states: ["readonly", "focusable", "opaque", "enabled", "sensitive"], }, }, }, ]; /** * Check navigation within the tree. */ addA11yPanelTestsTask( tests, TEST_URI, "Test Accessibility panel relation navigation." );