Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
add_setup(async function () {
await SpecialPowers.pushPrefEnv({
set: [["test.wait300msAfterTabSwitch", true]],
});
});
add_task(async function test_about_glean_redesign_views_hidden_behind_pref() {
registerCleanupFunction(() => {
Services.prefs.clearUserPref("about.glean.redesign.enabled");
});
await BrowserTestUtils.withNewTab("about:glean", async function (browser) {
ok(!browser.isRemoteBrowser, "Browser should not be remote.");
await ContentTask.spawn(browser, null, async function () {
let metrics_table_category_button = content.document.getElementById(
"category-metrics-table"
);
is(metrics_table_category_button, null);
});
});
Services.prefs.setBoolPref("about.glean.redesign.enabled", true);
await BrowserTestUtils.withNewTab("about:glean", async function (browser) {
ok(!browser.isRemoteBrowser, "Browser should not be remote.");
await ContentTask.spawn(browser, null, async function () {
let metrics_table_category_button = content.document.getElementById(
"category-metrics-table"
);
Assert.notEqual(
metrics_table_category_button,
null,
"Metrics table category button should not be null"
);
});
});
});
add_task(async function test_about_glean_metrics_table_loads_dynamically() {
registerCleanupFunction(() => {
Services.prefs.clearUserPref("about.glean.redesign.enabled");
});
Services.prefs.setBoolPref("about.glean.redesign.enabled", true);
await BrowserTestUtils.withNewTab("about:glean", async function (browser) {
ok(!browser.isRemoteBrowser, "Browser should not be remote.");
await ContentTask.spawn(browser, null, async function () {
const { TestUtils } = ChromeUtils.importESModule(
);
content.document.getElementById("category-metrics-table").click();
let tableContainer, tableBody;
const fetchTableBody = () => {
tableContainer = content.document.getElementById(
"metrics-table-instance"
);
tableBody = content.document.getElementById("metrics-table-body");
info(tableBody);
};
fetchTableBody();
let currentChildrenLength = tableBody.children.length;
const tableChildrenLengthChanged = () => {
fetchTableBody();
if (currentChildrenLength != tableBody.children.length) {
currentChildrenLength = tableBody.children.length;
return true;
}
return false;
};
let currentFirstChild =
tableBody.children[0].attributes["data-d3-row"].value;
const tableFirstChildChanged = () => {
fetchTableBody();
if (
currentFirstChild !=
tableBody.children[0].attributes["data-d3-row"].value
) {
currentFirstChild =
tableBody.children[0].attributes["data-d3-row"].value;
return true;
}
return false;
};
Assert.equal(
currentChildrenLength,
200,
"Table should start with 200 elements in it"
);
// Scroll and extend the count to 300
tableContainer.scrollTo({
top: tableContainer.scrollHeight - 1000,
behavior: "instant",
});
await TestUtils.waitForCondition(
tableChildrenLengthChanged,
"Wait for table children length to change",
100,
3
);
Assert.equal(
tableBody.children.length,
300,
"Table should now have 300 elements in it"
);
// Scroll and extend the count to 400
tableContainer.scrollTo({
top: tableContainer.scrollHeight - 1000,
behavior: "instant",
});
await TestUtils.waitForCondition(
tableChildrenLengthChanged,
"Wait for table children length to change",
100,
3
);
Assert.equal(
tableBody.children.length,
400,
"Table should now have 400 elements in it"
);
// Scroll and extend the count to 500
tableContainer.scrollTo({
top: tableContainer.scrollHeight - 1000,
behavior: "instant",
});
await TestUtils.waitForCondition(
tableChildrenLengthChanged,
"Wait for table children length to change",
100,
3
);
Assert.equal(
tableBody.children.length,
500,
"Table should now have 500 elements in it"
);
// Scroll offset the metrics by 100
tableContainer.scrollTo({
top: tableContainer.scrollHeight - 1000,
behavior: "instant",
});
await TestUtils.waitForCondition(
tableFirstChildChanged,
"Wait for the table's first child to change",
100,
3
);
Assert.equal(
tableBody.children.length,
500,
"Table should still have 500 elements in it"
);
});
});
});