pierrelf.com
we (web engine): Experimental web browser project to understand the limits of Claude
1<!DOCTYPE html>
2<meta charset="utf-8">
3<title>Document.querySelector and querySelectorAll</title>
4<script src="/resources/testharness.js"></script>
5<script src="/resources/testharnessreport.js"></script>
6<div class="target" id="first">one</div>
7<div class="target" id="second">two</div>
8<p class="other">three</p>
9<div id="log"></div>
10<script>
11test(function() {
12 var el = document.querySelector("#first");
13 assert_not_equals(el, null);
14 assert_equals(el.tagName, "DIV");
15}, "querySelector with id selector");
16
17test(function() {
18 var el = document.querySelector(".other");
19 assert_not_equals(el, null);
20 assert_equals(el.tagName, "P");
21}, "querySelector with class selector");
22
23test(function() {
24 var el = document.querySelector("#nonexistent");
25 assert_equals(el, null);
26}, "querySelector returns null for no match");
27
28test(function() {
29 var els = document.querySelectorAll(".target");
30 assert_equals(els.length, 2);
31}, "querySelectorAll returns all matching elements");
32
33test(function() {
34 var els = document.querySelectorAll("p");
35 assert_equals(els.length, 1);
36}, "querySelectorAll with type selector");
37</script>