Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: http3 OR http2
- Manifest: devtools/client/storage/test/browser.toml
// Tests the filter search box in the storage inspector
"use strict";
add_task(async function () {
await openTabAndSetupStorage(MAIN_DOMAIN_SECURED + "storage-search.html");
gUI.tree.expandAll();
showColumn("expires", false);
showColumn("host", false);
showColumn("isHttpOnly", false);
showColumn("lastAccessed", false);
showColumn("path", false);
// Results: 0=hidden, 1=visible
const testcases = [
// Test that search isn't case-sensitive
{
value: "FoO",
results: [0, 0, 1, 1, 0, 1, 0],
},
{
value: "OR",
results: [0, 1, 0, 0, 0, 1, 0],
},
{
value: "aNImAl",
results: [0, 1, 0, 0, 0, 0, 0],
},
// Test numbers
{
value: "01",
results: [1, 0, 0, 0, 0, 0, 1],
},
{
value: "2016",
results: [0, 0, 0, 0, 0, 0, 1],
},
{
value: "56789",
results: [1, 0, 0, 0, 0, 0, 0],
},
// Test filtering by value
{
value: "horse",
results: [0, 1, 0, 0, 0, 0, 0],
},
{
value: "$$$",
results: [0, 0, 0, 0, 1, 0, 0],
},
{
value: "bar",
results: [0, 0, 1, 1, 0, 0, 0],
},
// Test input with whitespace
{
value: "energy b",
results: [0, 0, 1, 0, 0, 0, 0],
},
// Test no input at all
{
value: "",
results: [1, 1, 1, 1, 1, 1, 1],
},
// Test input that matches nothing
{
value: "input that matches nothing",
results: [0, 0, 0, 0, 0, 0, 0],
},
];
const testcasesAfterHiding = [
// Test that search isn't case-sensitive
{
value: "OR",
results: [0, 0, 0, 0, 0, 1, 0],
},
{
value: "01",
results: [1, 0, 0, 0, 0, 0, 0],
},
{
value: "2016",
results: [0, 0, 0, 0, 0, 0, 0],
},
{
value: "56789",
results: [0, 0, 0, 0, 0, 0, 0],
},
// Test filtering by value
{
value: "horse",
results: [0, 0, 0, 0, 0, 0, 0],
},
{
value: "$$$",
results: [0, 0, 0, 0, 0, 0, 0],
},
{
value: "bar",
results: [0, 0, 0, 0, 0, 0, 0],
},
// Test input with whitespace
{
value: "energy b",
results: [0, 0, 0, 0, 0, 0, 0],
},
];
runTests(testcases);
showColumn("value", false);
runTests(testcasesAfterHiding);
});
function runTests(testcases) {
const $$ = sel => gPanelWindow.document.querySelectorAll(sel);
const names = $$("#name .table-widget-cell");
const rows = $$("#value .table-widget-cell");
for (const testcase of testcases) {
const { value, results } = testcase;
info(`Testing input: ${value}`);
gUI.searchBox.value = value;
gUI.filterItems();
for (let i = 0; i < rows.length; i++) {
info(`Testing row ${i} for "${value}"`);
info(`key: ${names[i].value}, value: ${rows[i].value}`);
const state = results[i] ? "visible" : "hidden";
is(
rows[i].hasAttribute("hidden"),
!results[i],
`Row ${i} should be ${state}`
);
}
}
}