summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/selectors/pseudo-classes/input-checkbox-switch.tentative.window.js
blob: b5d9898a640e9efe2a8a9b3c0dc3f25872c5fb3d (plain)
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
test(t => {
  const input = document.body.appendChild(document.createElement("input"));
  t.add_cleanup(() => input.remove());
  input.type = "checkbox";
  input.switch = true;
  input.indeterminate = true;

  assert_false(input.matches(":indeterminate"));
}, "Switch control does not match :indeterminate");

test(t => {
  const input = document.body.appendChild(document.createElement("input"));
  t.add_cleanup(() => input.remove());
  input.type = "checkbox";
  input.switch = true;
  input.indeterminate = true;

  assert_false(input.matches(":indeterminate"));

  input.switch = false;
  assert_true(input.matches(":indeterminate"));
}, "Checkbox that is no longer a switch control does match :indeterminate");

test(t => {
  const input = document.body.appendChild(document.createElement("input"));
  t.add_cleanup(() => input.remove());
  input.type = "checkbox";
  input.indeterminate = true;

  assert_true(input.matches(":indeterminate"));

  input.setAttribute("switch", "blah");
  assert_false(input.matches(":indeterminate"));
}, "Checkbox that becomes a switch control does not match :indeterminate");

test(t => {
  const input = document.body.appendChild(document.createElement("input"));
  t.add_cleanup(() => input.remove());
  input.type = "checkbox";
  input.indeterminate = true;

  assert_true(document.body.matches(":has(:indeterminate)"));

  input.switch = true;
  assert_false(document.body.matches(":has(:indeterminate)"));
}, "Parent of a checkbox that becomes a switch control does not match :has(:indeterminate)");

test(t => {
  const input = document.body.appendChild(document.createElement("input"));
  t.add_cleanup(() => input.remove());
  input.type = "checkbox";
  input.switch = true
  input.checked = true;

  assert_true(document.body.matches(":has(:checked)"));

  input.switch = false;
  assert_true(document.body.matches(":has(:checked)"));

  input.checked = false;
  assert_false(document.body.matches(":has(:checked)"));
}, "Parent of a switch control that becomes a checkbox continues to match :has(:checked)");

test(t => {
  const input = document.body.appendChild(document.createElement("input"));
  t.add_cleanup(() => input.remove());
  input.type = "checkbox";
  input.switch = true;
  input.indeterminate = true;
  assert_false(input.matches(":indeterminate"));
  input.type = "text";
  input.removeAttribute("switch");
  input.type = "checkbox";
  assert_true(input.matches(":indeterminate"));
}, "A switch control that becomes a checkbox in a roundabout way");