Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: asan
- Manifest: devtools/client/webconsole/test/browser/_webconsole.toml
/* Any copyright is dedicated to the Public Domain.
"use strict";
/* Test case that ensures Array and other list types are not alphabetically sorted in the
* Object Inspector.
*
* The tested types are:
* - Array
* - NodeList
* - Object
* - Int8Array
* - Int16Array
* - Int32Array
* - Uint8Array
* - Uint16Array
* - Uint32Array
* - Uint8ClampedArray
* - Float32Array
* - Float64Array
*/
const TEST_URI = `data:text/html;charset=utf-8,<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div></div> <div></div> <div></div>
<div></div> <div></div> <div></div>
<div></div> <div></div> <div></div>
<div></div> <div></div> <div></div>
</body>
</html>`;
const typedArrayTypes = [
"Int8Array",
"Int16Array",
"Int32Array",
"Uint8Array",
"Uint16Array",
"Uint32Array",
"Uint8ClampedArray",
"Float32Array",
"Float64Array",
];
add_task(async function () {
const hud = await openNewTabAndConsole(TEST_URI);
// Array
await testKeyOrder(hud, "Array(0,1,2,3,4,5,6,7,8,9,10)", [
"0",
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"10",
]);
// NodeList
await testKeyOrder(hud, "document.querySelectorAll('div')", [
"0",
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"10",
]);
// Object
await testKeyOrder(hud, "Object({'hello':1, 1:5, 10:2, 4:2, 'abc':1})", [
"1",
"4",
"10",
"abc",
"hello",
]);
// Typed arrays.
for (const type of typedArrayTypes) {
// size of 80 is enough to get 11 items on all ArrayTypes except for Float64Array.
const size = type === "Float64Array" ? 120 : 80;
await testKeyOrder(hud, `new ${type}(new ArrayBuffer(${size}))`, [
"0",
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"10",
]);
}
});
async function testKeyOrder(hud, command, expectedKeys) {
info(`Testing command: ${command}`);
await clearOutput(hud);
info(
"Wait for a new .result message with an object inspector to be displayed"
);
const { node } = await executeAndWaitForResultMessage(hud, command, "");
const oi = node.querySelector(".tree");
info("Expand object inspector");
const onOiExpanded = waitFor(() => {
return oi.querySelectorAll(".node").length >= expectedKeys.length;
});
oi.querySelector(".arrow").click();
await onOiExpanded;
const labelNodes = oi.querySelectorAll(".object-label");
for (let i = 0; i < expectedKeys.length; i++) {
const key = expectedKeys[i];
const labelNode = labelNodes[i];
is(
labelNode.textContent,
key,
`Object inspector key is sorted as expected (${key})`
);
}
}