This is a paragraph.
`; add_task(async () => { const env = await addTestTab(TEST_URI); const { doc } = env; await checkTree(env, [ { role: "document", name: `"TopLevel"`, }, ]); ok( !doc.querySelector(".description"), "Before disabling the panel via the pref, the panel's description isn't visible" ); await pushPref(ACCESSIBILITY_FORCED_DISABLED_PREF, 1); await waitFor( () => doc.querySelector(".description"), "After disabling via the pref, the panel's description is visible" ); await pushPref(ACCESSIBILITY_FORCED_DISABLED_PREF, 0); await waitFor( () => !doc.querySelector(".description"), "After enabling via the pref, the panel's description is removed" ); await checkTree(env, [ { role: "document", name: `"TopLevel"`, }, ]); await closeTabToolboxAccessibility(env.tab); }); add_task(async function checkStartingWithDisabledAccessibilityService() { await pushPref(ACCESSIBILITY_FORCED_DISABLED_PREF, 1); const env = await addTestTab(TEST_URI, { // since the accessibility service is disabled, we won't get the document accessible // in the state waitUntilDocumentAccessibleInState: false, }); const { doc, store } = env; ok( doc.querySelector(".description"), "Starting the panel when the service is disabled, the panel's description is visible" ); await pushPref(ACCESSIBILITY_FORCED_DISABLED_PREF, 0); await waitFor( () => !doc.querySelector(".description"), "After enabling via the pref, the panel's description is removed" ); await waitUntilState( store, state => state.accessibles.size === 1 && state.details.accessible?.role === "document" ); await checkTree(env, [ { role: "document", name: `"TopLevel"`, }, ]); await closeTabToolboxAccessibility(env.tab); }); function checkTree(env, tree) { return runA11yPanelTests( [ { expected: { tree, }, }, ], env ); }