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 |