Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test whether settings page works.
const TEST_URI = `
<style>
body {
text-size-adjust: none;
}
div {
text-size-adjust: none;
}
</style>
<body><div></div></body>
`;
const {
COMPATIBILITY_UPDATE_TARGET_BROWSERS_COMPLETE,
} = require("resource://devtools/client/inspector/compatibility/actions/index.js");
add_task(async function () {
registerCleanupFunction(() => {
Services.prefs.clearUserPref(
"devtools.inspector.compatibility.target-browsers"
);
});
await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
const { inspector, panel } = await openCompatibilityView();
const { store } = inspector;
info("Check initial state");
ok(
panel.querySelector(`.compatibility-browser-icon__image[src*="firefox"]`),
"Firefox browsers are the target"
);
info("Make Firefox browsers out of target");
await updateTargetBrowsers(panel, store, id => !id.includes("firefox"));
ok(
!panel.querySelector(`.compatibility-browser-icon__image[src*="firefox"]`),
"Firefox browsers are not the target"
);
info("Make all browsers out of target");
await updateTargetBrowsers(panel, store, () => false);
ok(
!panel.querySelector(".compatibility-browser-icon__image"),
"No browsers are the target"
);
info("Make Firefox browsers target");
await updateTargetBrowsers(panel, store, id => id.includes("firefox"));
ok(
panel.querySelector(`.compatibility-browser-icon__image[src*="firefox"]`),
"Firefox browsers are the target now"
);
});
async function updateTargetBrowsers(panel, store, isTargetBrowserFunc) {
info("Open settings pane");
const settingsButton = panel.querySelector(".compatibility-footer__button");
settingsButton.click();
await waitUntil(() => panel.querySelector(".compatibility-settings"));
const browsers = [
...new Set(
Array.from(panel.querySelectorAll("[data-id]")).map(el =>
el.getAttribute("data-id")
)
),
];
Assert.deepEqual(
// Filter out IE, to be removed in an upcoming browser compat data sync.
browsers.filter(browser => browser != "ie"),
[
"chrome",
"chrome_android",
"edge",
"firefox",
"firefox_android",
"safari",
"safari_ios",
],
"The expected browsers are displayed"
);
info("Change target browsers");
const settingsPane = panel.querySelector(".compatibility-settings");
for (const checkbox of settingsPane.querySelectorAll(
".compatibility-settings__target-browsers-item input"
)) {
if (checkbox.checked !== isTargetBrowserFunc(checkbox.id)) {
// Need to click to toggle since the input is designed as controlled component.
checkbox.click();
}
}
info("Close settings pane");
const onUpdated = waitForDispatch(
store,
COMPATIBILITY_UPDATE_TARGET_BROWSERS_COMPLETE
);
const closeButton = settingsPane.querySelector(
".compatibility-settings__header-button"
);
closeButton.click();
await onUpdated;
}