| OLD | NEW |
| 1 Check if :valid/:invalid CSS pseudo selectors are lively applied for forms | 1 Check if :valid/:invalid CSS pseudo selectors are lively applied for forms |
| 2 | 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 | 4 |
| 5 | 5 |
| 6 Removing and adding required text inputs and modifying ther value by a DOM tree
mutation: | 6 Removing and adding required text inputs and modifying ther value by a DOM tree
mutation: |
| 7 PASS backgroundOf(form1) is invalidColor | 7 PASS backgroundOf(form1) is invalidColor |
| 8 PASS backgroundOf(sub1) is subInvalidColor | 8 PASS backgroundOf(sub1) is subInvalidColor |
| 9 PASS form1.removeChild(input1); backgroundOf(form1) is validColor | 9 PASS form1.removeChild(input1); backgroundOf(form1) is validColor |
| 10 PASS backgroundOf(sub1) is subValidColor | 10 PASS backgroundOf(sub1) is subValidColor |
| 11 PASS form1.appendChild(input1); backgroundOf(form1) is invalidColor | 11 PASS form1.appendChild(input1); backgroundOf(form1) is invalidColor |
| 12 PASS backgroundOf(sub1) is subInvalidColor | 12 PASS backgroundOf(sub1) is subInvalidColor |
| 13 PASS input1.setAttribute("value", "a"); backgroundOf(form1) is validColor | 13 PASS input1.setAttribute("value", "a"); backgroundOf(form1) is validColor |
| 14 PASS backgroundOf(sub1) is subValidColor | 14 PASS backgroundOf(sub1) is subValidColor |
| 15 PASS input2.setAttribute("value", ""); backgroundOf(form1) is invalidColor | 15 PASS input2.setAttribute("value", ""); backgroundOf(form1) is invalidColor |
| 16 PASS backgroundOf(sub1) is subInvalidColor | 16 PASS backgroundOf(sub1) is subInvalidColor |
| 17 | 17 |
| 18 Adding a required text input that is not a direct child of the form: | 18 Adding a required text input that is not a direct child of the form: |
| 19 PASS backgroundOf(form1) is validColor | 19 PASS backgroundOf(form1) is validColor |
| 20 PASS div1.appendChild(input1); backgroundOf(form1) is invalidColor | 20 PASS div1.appendChild(input1); backgroundOf(form1) is invalidColor |
| 21 | 21 |
| 22 Render multiple forms and move an invalid input from one to another: | 22 Render multiple forms and reassign an invalid input from one to another: |
| 23 PASS backgroundOf($("form1")) is invalidColor | 23 PASS backgroundOf($("form1")) is invalidColor |
| 24 PASS backgroundOf($("form2")) is validColor | 24 PASS backgroundOf($("form2")) is validColor |
| 25 PASS backgroundOf($("form3")) is validColor | 25 PASS backgroundOf($("form3")) is validColor |
| 26 PASS backgroundOf($("form1")) is validColor | 26 PASS backgroundOf($("form1")) is validColor |
| 27 PASS backgroundOf($("form3")) is invalidColor | 27 PASS backgroundOf($("form3")) is invalidColor |
| 28 | 28 |
| 29 Ensure that invalid event was not triggered on style evaluation: |
| 30 PASS backgroundOf(form1) is invalidColor |
| 31 PASS val is "0" |
| 32 PASS form1.checkValidity(); val is "1" |
| 33 |
| 29 PASS successfullyParsed is true | 34 PASS successfullyParsed is true |
| 30 | 35 |
| 31 TEST COMPLETE | 36 TEST COMPLETE |
| 32 | 37 |
| OLD | NEW |