Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /dom/nodes/Element-querySelectorAll-context-element.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>element.querySelectorAll() with the context element in the selector</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="test-container">
<div class="root" id="root">
<table>
<tbody>
<tr id="row"></tr>
</tbody>
</table>
</div>
</div>
<script>
"use strict";
const root = document.getElementById("root");
const target = document.getElementById("row");
test(() => {
const queryFromDocument = document.querySelectorAll(".root table tbody tr");
assert_array_equals(queryFromDocument, [target]);
}, "Query from document");
test(() => {
const queryWithoutRootClass = root.querySelectorAll("table tbody tr");
assert_array_equals(queryWithoutRootClass, [target]);
}, "Query without root class");
test(() => {
const queryWithRootClass = root.querySelectorAll(".root table tbody tr");
assert_array_equals(queryWithRootClass, [target]);
}, "Query with root class");
</script>