1 Check if :valid/:invalid CSS pseudo selectors are lively applied for fieldsets
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 Removing and adding required text inputs and modifying their value by a DOM tree mutation:
7 PASS backgroundOf(fieldset1) is invalidColor
8 PASS backgroundOf(sub1) is subInvalidColor
9 PASS fieldset1.removeChild(input1); backgroundOf(fieldset1) is validColor
10 PASS backgroundOf(sub1) is subValidColor
11 PASS fieldset1.appendChild(input1); backgroundOf(fieldset1) is invalidColor
12 PASS backgroundOf(sub1) is subInvalidColor
13 PASS input1.setAttribute("value", "a"); backgroundOf(fieldset1) is validColor
14 PASS backgroundOf(sub1) is subValidColor
15 PASS input2.setAttribute("value", ""); backgroundOf(fieldset1) is invalidColor
16 PASS backgroundOf(sub1) is subInvalidColor
18 Disabling and marking inputs readonly by a DOM tree mutation:
19 PASS backgroundOf(fieldset1) is invalidColor
20 PASS backgroundOf(sub1) is subInvalidColor
21 PASS input1.disabled=1; backgroundOf(fieldset1) is validColor
22 PASS backgroundOf(sub1) is subValidColor
23 PASS input1.disabled=0; backgroundOf(fieldset1) is invalidColor
24 PASS backgroundOf(sub1) is subInvalidColor
25 PASS input1.setAttribute("readonly", "1"); backgroundOf(fieldset1) is validColor
26 PASS backgroundOf(sub1) is subValidColor
28 Adding a required text input that is not a direct child of the fieldset:
29 PASS backgroundOf(fieldset1) is validColor
30 PASS div1.appendChild(input1); backgroundOf(fieldset1) is invalidColor
33 PASS backgroundOf($("fieldset0")) is invalidColor
34 PASS backgroundOf($("fieldset1")) is invalidColor
35 PASS backgroundOf($("fieldset2")) is validColor
36 PASS input1.setAttribute("value", "v"); backgroundOf($("fieldset0")) is validColor
37 PASS backgroundOf($("fieldset1")) is validColor
38 PASS backgroundOf($("fieldset2")) is validColor
39 PASS input2.setAttribute("required", ""); backgroundOf($("fieldset0")) is invalidColor
40 PASS backgroundOf($("fieldset1")) is validColor
41 PASS backgroundOf($("fieldset2")) is invalidColor
43 Render multiple fieldsets and move an invalid input from one to another:
44 PASS backgroundOf($("fieldset1")) is invalidColor
45 PASS backgroundOf($("fieldset2")) is validColor
46 PASS backgroundOf($("fieldset3")) is validColor
47 PASS backgroundOf($("fieldset1")) is validColor
48 PASS backgroundOf($("fieldset3")) is invalidColor
50 Ensure that invalid event was not triggered on style evaluation:
51 PASS backgroundOf(fieldset1) is invalidColor
53 PASS input1.checkValidity(); val is "1"
55 PASS successfullyParsed is true