/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/* global openSimulationMenu, toggleSimulationOption */
const TEST_URI = `
Accessibility Simulations Test
Top level header
Second level header
`;
const {
simulation,
} = require("resource://devtools/server/actors/accessibility/constants.js");
/**
* 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 simulation components can be checked.
* expected {JSON} An expected states for the simulation components.
* }
*/
const tests = [
{
desc: "Check that the menu button is inactivate and the menu is closed initially.",
expected: {
simulation: {
buttonActive: false,
colorMatrix: [],
},
},
},
{
desc: "Clicking the menu button shows the menu with No Simulation selected.",
setup: async ({ doc, toolbox }) => {
await openSimulationMenu(doc, toolbox.doc);
},
expected: {
simulation: {
buttonActive: false,
checkedOptionIndices: [0],
colorMatrix: [],
},
},
},
{
desc: "Selecting an option renders the menu button active and closes the menu.",
setup: async ({ toolbox }) => {
await toggleSimulationOption(toolbox.doc, 2);
},
expected: {
simulation: {
buttonActive: true,
checkedOptionIndices: [2],
colorMatrix: simulation.COLOR_TRANSFORMATION_MATRICES.DEUTERANOPIA,
},
},
},
{
desc: "Reopening the menu preserves the previously selected option.",
setup: async ({ doc, toolbox }) => {
await openSimulationMenu(doc, toolbox.doc);
},
expected: {
simulation: {
buttonActive: true,
checkedOptionIndices: [2],
colorMatrix: simulation.COLOR_TRANSFORMATION_MATRICES.DEUTERANOPIA,
},
},
},
{
desc: "Reloading the page preserves the previously selected option.",
setup: async ({ panel }) => {
const onReloaded = panel.once("reloaded");
panel.accessibilityProxy.commands.targetCommand.reloadTopLevelTarget();
await onReloaded;
},
expected: {
simulation: {
buttonActive: true,
checkedOptionIndices: [2],
colorMatrix: simulation.COLOR_TRANSFORMATION_MATRICES.DEUTERANOPIA,
},
},
},
{
desc: "Unselecting the option renders the button inactive and closes the menu.",
setup: async ({ toolbox }) => {
await toggleSimulationOption(toolbox.doc, 2);
},
expected: {
simulation: {
buttonActive: false,
checkedOptionIndices: [0],
colorMatrix: simulation.COLOR_TRANSFORMATION_MATRICES.NONE,
},
},
},
];
/**
* Test that checks state of simulation button and menu when
* options are selected/unselected with web render enabled.
*/
addA11yPanelTestsTask(
tests,
TEST_URI,
"Test selecting and unselecting simulation options updates UI."
);