| OLD | NEW |
| 1 Inline style CSS text: var-a: apple; var-b: banana; | 1 This tests Javascript read access to CSS variables in inline styles. |
| 2 | 2 |
| 3 Count vars: 2 | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 | 4 |
| 5 Access vars directly: | |
| 6 a: apple | |
| 7 b: banana | |
| 8 | 5 |
| 9 Access non existent var: | 6 PASS div.style.var.toString() is "[object CSSVariablesMap]" |
| 10 z: | 7 PASS div.style.var === div.style.var is true |
| 8 PASS div.style.cssText is "var-a: apple; var-b: banana;" |
| 9 PASS div.style.var.size is 2 |
| 10 PASS div.style.var.get("a") is "apple" |
| 11 PASS div.style.var.get("b") is "banana" |
| 12 PASS div.style.var.get("nonexistant") is "" |
| 13 PASS successfullyParsed is true |
| 11 | 14 |
| 12 Setting c to carrot and d to dog... | 15 TEST COMPLETE |
| 13 | 16 |
| 14 Count vars: 4 | |
| 15 | |
| 16 Access vars directly: | |
| 17 a: apple | |
| 18 b: banana | |
| 19 c: carrot | |
| 20 d: dog | |
| 21 | |
| OLD | NEW |