GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — wpt/css/selectors/is-where-basic.html at master · web-platform-tests/wpt

Expand file tree

/

is-where-basic.html

Copy path
More file actions
More file actions

Latest commit

 

History

History
History
41 lines (37 loc) · 1.46 KB
/

is-where-basic.html

Copy path

File metadata and controls

41 lines (37 loc) · 1.46 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<title>Basic :is/:where matching behavior</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="help" href="https://drafts.csswg.org/selectors-4/#matches">
<main id=main>
<div id=a><div id=d></div></div>
<div id=b><div id=e></div></div>
<div id=c><div id=f></div></div>
</main>
<script>
function formatElements(elements) {
return elements.map(e => e.id).sort().join();
}
// Test that |selector| returns the given elements in #main.
function test_selector(selector, expected) {
test(function() {
let actual = Array.from(main.querySelectorAll(selector));
assert_equals(formatElements(actual), formatElements(expected));
}, `${selector} matches expected elements`);
}
test_selector(':is()', []);
test_selector(':is(#a)', [a]);
test_selector(':is(#a, #f)', [a, f]);
test_selector(':is(#a, #c) :where(#a #d, #c #f)', [d, f]);
test_selector('#c > :is(#c > #f)', [f]);
test_selector('#c > :is(#b > #f)', []);
test_selector('#a div:is(#d)', [d]);
test_selector(':is(div) > div', [d, e, f]);
test_selector(':is(*) > div', [a, b, c, d, e, f]);
test_selector(':is(*) div', [a, b, c, d, e, f]);
test_selector('div > :where(#e, #f)', [e, f]);
test_selector('div > :where(*)', [d, e, f]);
test_selector(':is(*) > :where(*)', [a, b, c, d, e, f]);
test_selector(':is(#a + #b) + :is(#c)', [c]);
test_selector(':is(#a, #b) + div', [b, c]);
</script>
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.