OLD | NEW |
(Empty) | |
| 1 Check the basic features of the ":placeholder-shown" pseudo class with the <text
area> element. |
| 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 |
| 5 |
| 6 PASS document.querySelectorAll(":placeholder-shown").length is 4 |
| 7 PASS document.querySelectorAll(":placeholder-shown")[0] is document.getElementBy
Id("valid-placeholder") |
| 8 PASS document.querySelectorAll(":placeholder-shown")[1] is document.getElementBy
Id("valid-placeholder-with-value-attribute") |
| 9 PASS document.querySelectorAll(":placeholder-shown")[2] is document.getElementBy
Id("valid-placeholder-with-value-attribute2") |
| 10 PASS document.querySelectorAll(":placeholder-shown")[3] is document.getElementBy
Id("valid-placeholder-with-value-attribute3") |
| 11 PASS getComputedStyle(document.getElementById("no-placeholder")).backgroundColor
is "rgb(255, 255, 255)" |
| 12 PASS getComputedStyle(document.getElementById("empty-placeholder")).backgroundCo
lor is "rgb(255, 255, 255)" |
| 13 PASS getComputedStyle(document.getElementById("empty-placeholder2")).backgroundC
olor is "rgb(255, 255, 255)" |
| 14 PASS getComputedStyle(document.getElementById("placeholder-contains-only-newline
")).backgroundColor is "rgb(255, 255, 255)" |
| 15 PASS getComputedStyle(document.getElementById("placeholder-contains-only-carriag
eReturn")).backgroundColor is "rgb(255, 255, 255)" |
| 16 PASS getComputedStyle(document.getElementById("with-value")).backgroundColor is
"rgb(255, 255, 255)" |
| 17 PASS getComputedStyle(document.getElementById("valid-placeholder")).backgroundCo
lor is "rgb(1, 2, 3)" |
| 18 PASS getComputedStyle(document.getElementById("valid-placeholder-with-value-attr
ibute")).backgroundColor is "rgb(1, 2, 3)" |
| 19 PASS getComputedStyle(document.getElementById("valid-placeholder-with-value-attr
ibute2")).backgroundColor is "rgb(1, 2, 3)" |
| 20 PASS getComputedStyle(document.getElementById("valid-placeholder-with-value-attr
ibute3")).backgroundColor is "rgb(1, 2, 3)" |
| 21 |
| 22 PASS document.querySelectorAll("textarea:not(:placeholder-shown)").length is 6 |
| 23 PASS document.querySelectorAll("textarea:not(:placeholder-shown)")[0] is documen
t.getElementById("no-placeholder") |
| 24 PASS document.querySelectorAll("textarea:not(:placeholder-shown)")[1] is documen
t.getElementById("empty-placeholder") |
| 25 PASS document.querySelectorAll("textarea:not(:placeholder-shown)")[2] is documen
t.getElementById("empty-placeholder2") |
| 26 PASS document.querySelectorAll("textarea:not(:placeholder-shown)")[3] is documen
t.getElementById("placeholder-contains-only-newline") |
| 27 PASS document.querySelectorAll("textarea:not(:placeholder-shown)")[4] is documen
t.getElementById("placeholder-contains-only-carriageReturn") |
| 28 PASS document.querySelectorAll("textarea:not(:placeholder-shown)")[5] is documen
t.getElementById("with-value") |
| 29 PASS getComputedStyle(document.getElementById("no-placeholder")).color is "rgb(4
, 5, 6)" |
| 30 PASS getComputedStyle(document.getElementById("empty-placeholder")).color is "rg
b(4, 5, 6)" |
| 31 PASS getComputedStyle(document.getElementById("empty-placeholder2")).color is "r
gb(4, 5, 6)" |
| 32 PASS getComputedStyle(document.getElementById("placeholder-contains-only-newline
")).color is "rgb(4, 5, 6)" |
| 33 PASS getComputedStyle(document.getElementById("placeholder-contains-only-carriag
eReturn")).color is "rgb(4, 5, 6)" |
| 34 PASS getComputedStyle(document.getElementById("with-value")).color is "rgb(4, 5,
6)" |
| 35 PASS getComputedStyle(document.getElementById("valid-placeholder")).color is "rg
b(0, 0, 0)" |
| 36 PASS getComputedStyle(document.getElementById("valid-placeholder-with-value-attr
ibute")).color is "rgb(0, 0, 0)" |
| 37 PASS getComputedStyle(document.getElementById("valid-placeholder-with-value-attr
ibute2")).color is "rgb(0, 0, 0)" |
| 38 PASS getComputedStyle(document.getElementById("valid-placeholder-with-value-attr
ibute3")).color is "rgb(0, 0, 0)" |
| 39 PASS successfullyParsed is true |
| 40 |
| 41 TEST COMPLETE |
| 42 |
OLD | NEW |