| Verify :indeterminate, :checked and the indeterminate property on radio button detached from the document. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Initial state |
| PASS document.getElementById('radio1-in-document').indeterminate is false |
| PASS document.getElementById('radio2-in-document').indeterminate is false |
| PASS document.getElementById('radio3-in-document').indeterminate is false |
| PASS document.getElementById('radio4-in-document').indeterminate is false |
| PASS document.getElementById('radio1-in-document').checked is false |
| PASS document.getElementById('radio2-in-document').checked is true |
| PASS document.getElementById('radio3-in-document').checked is false |
| PASS document.getElementById('radio4-in-document').checked is false |
| PASS document.getElementById('radio1-in-document').matches(':indeterminate') is false |
| PASS document.getElementById('radio2-in-document').matches(':indeterminate') is false |
| PASS document.getElementById('radio3-in-document').matches(':indeterminate') is true |
| PASS document.getElementById('radio4-in-document').matches(':indeterminate') is true |
| PASS document.getElementById('radio1-in-document').matches(':checked') is false |
| PASS document.getElementById('radio2-in-document').matches(':checked') is true |
| PASS document.getElementById('radio3-in-document').matches(':checked') is false |
| PASS document.getElementById('radio4-in-document').matches(':checked') is false |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById('radio2-in-document')).backgroundColor is "rgb(7, 8, 9)" |
| PASS getComputedStyle(document.getElementById('radio3-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).color is "rgb(4, 5, 6)" |
| PASS getComputedStyle(document.getElementById('radio2-in-document')).color is "rgb(4, 5, 6)" |
| PASS getComputedStyle(document.getElementById('radio3-in-document')).color is "rgb(10, 11, 12)" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).color is "rgb(10, 11, 12)" |
| Remove radio2-in-document from document, into variable radio2 |
| PASS document.querySelectorAll('radio2-in-document') is [] |
| PASS document.getElementById('radio1-in-document').indeterminate is false |
| PASS radio2.indeterminate is false |
| PASS document.getElementById('radio3-in-document').indeterminate is false |
| PASS document.getElementById('radio4-in-document').indeterminate is false |
| PASS document.getElementById('radio1-in-document').checked is false |
| PASS radio2.checked is true |
| PASS document.getElementById('radio3-in-document').checked is false |
| PASS document.getElementById('radio4-in-document').checked is false |
| PASS document.getElementById('radio1-in-document').matches(':indeterminate') is true |
| PASS radio2.matches(':indeterminate') is false |
| PASS document.getElementById('radio3-in-document').matches(':indeterminate') is true |
| PASS document.getElementById('radio4-in-document').matches(':indeterminate') is true |
| PASS document.getElementById('radio1-in-document').matches(':checked') is false |
| PASS radio2.matches(':checked') is true |
| PASS document.getElementById('radio3-in-document').matches(':checked') is false |
| PASS document.getElementById('radio4-in-document').matches(':checked') is false |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(radio2).backgroundColor is "" |
| PASS getComputedStyle(document.getElementById('radio3-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).color is "rgb(10, 11, 12)" |
| PASS getComputedStyle(radio2).color is "" |
| PASS getComputedStyle(document.getElementById('radio3-in-document')).color is "rgb(10, 11, 12)" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).color is "rgb(10, 11, 12)" |
| Remove radio3-in-document from document, into variable radio3 |
| PASS document.querySelectorAll('radio3-in-document') is [] |
| PASS document.getElementById('radio1-in-document').indeterminate is false |
| PASS radio2.indeterminate is false |
| PASS radio3.indeterminate is false |
| PASS document.getElementById('radio4-in-document').indeterminate is false |
| PASS document.getElementById('radio1-in-document').checked is false |
| PASS radio2.checked is true |
| PASS radio3.checked is false |
| PASS document.getElementById('radio4-in-document').checked is false |
| PASS document.getElementById('radio1-in-document').matches(':indeterminate') is true |
| PASS radio2.matches(':indeterminate') is false |
| PASS radio3.matches(':indeterminate') is true |
| PASS document.getElementById('radio4-in-document').matches(':indeterminate') is true |
| PASS document.getElementById('radio1-in-document').matches(':checked') is false |
| PASS radio2.matches(':checked') is true |
| PASS radio3.matches(':checked') is false |
| PASS document.getElementById('radio4-in-document').matches(':checked') is false |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(radio2).backgroundColor is "" |
| PASS getComputedStyle(radio3).backgroundColor is "" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).color is "rgb(10, 11, 12)" |
| PASS getComputedStyle(radio2).color is "" |
| PASS getComputedStyle(radio3).color is "" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).color is "rgb(10, 11, 12)" |
| Create new element named webkitRadio |
| PASS document.getElementById('radio1-in-document').indeterminate is false |
| PASS radio2.indeterminate is false |
| PASS radio3.indeterminate is false |
| PASS document.getElementById('radio4-in-document').indeterminate is false |
| PASS webkitRadio.indeterminate is false |
| PASS document.getElementById('radio1-in-document').checked is false |
| PASS radio2.checked is true |
| PASS radio3.checked is false |
| PASS document.getElementById('radio4-in-document').checked is false |
| PASS webkitRadio.checked is false |
| PASS document.getElementById('radio1-in-document').matches(':indeterminate') is true |
| PASS radio2.matches(':indeterminate') is false |
| PASS radio3.matches(':indeterminate') is true |
| PASS document.getElementById('radio4-in-document').matches(':indeterminate') is true |
| PASS webkitRadio.matches(':indeterminate') is true |
| PASS document.getElementById('radio1-in-document').matches(':checked') is false |
| PASS radio2.matches(':checked') is true |
| PASS radio3.matches(':checked') is false |
| PASS document.getElementById('radio4-in-document').matches(':checked') is false |
| PASS webkitRadio.matches(':checked') is false |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(radio2).backgroundColor is "" |
| PASS getComputedStyle(radio3).backgroundColor is "" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(webkitRadio).backgroundColor is "" |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).color is "rgb(10, 11, 12)" |
| PASS getComputedStyle(radio2).color is "" |
| PASS getComputedStyle(radio3).color is "" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).color is "rgb(10, 11, 12)" |
| PASS getComputedStyle(webkitRadio).color is "" |
| Check webkitRadio |
| PASS document.getElementById('radio1-in-document').indeterminate is false |
| PASS radio2.indeterminate is false |
| PASS radio3.indeterminate is false |
| PASS document.getElementById('radio4-in-document').indeterminate is false |
| PASS webkitRadio.indeterminate is false |
| PASS document.getElementById('radio1-in-document').checked is false |
| PASS radio2.checked is true |
| PASS radio3.checked is false |
| PASS document.getElementById('radio4-in-document').checked is false |
| PASS webkitRadio.checked is true |
| PASS document.getElementById('radio1-in-document').matches(':indeterminate') is true |
| PASS radio2.matches(':indeterminate') is false |
| PASS radio3.matches(':indeterminate') is true |
| PASS document.getElementById('radio4-in-document').matches(':indeterminate') is true |
| PASS webkitRadio.matches(':indeterminate') is false |
| PASS document.getElementById('radio1-in-document').matches(':checked') is false |
| PASS radio2.matches(':checked') is true |
| PASS radio3.matches(':checked') is false |
| PASS document.getElementById('radio4-in-document').matches(':checked') is false |
| PASS webkitRadio.matches(':checked') is true |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(radio2).backgroundColor is "" |
| PASS getComputedStyle(radio3).backgroundColor is "" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).backgroundColor is "rgb(1, 2, 3)" |
| PASS getComputedStyle(webkitRadio).backgroundColor is "" |
| PASS getComputedStyle(document.getElementById('radio1-in-document')).color is "rgb(10, 11, 12)" |
| PASS getComputedStyle(radio2).color is "" |
| PASS getComputedStyle(radio3).color is "" |
| PASS getComputedStyle(document.getElementById('radio4-in-document')).color is "rgb(10, 11, 12)" |
| PASS getComputedStyle(webkitRadio).color is "" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
