| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <head><script src="../../js/resources/js-test-pre.js"></script></head> | 2 <head><script src="../../js/resources/js-test-pre.js"></script></head> |
| 3 | 3 |
| 4 <div id="test-target" style="var-a: override me; var-a: apple; var-b: banana;"><
/div> | 4 <div id="test-target" style="var-a: override me; var-a: apple; var-b: banana;"><
/div> |
| 5 | 5 |
| 6 <script> | 6 <script> |
| 7 description('This tests Javascript read access to CSS variables in inline styles
.'); | 7 description('This tests Javascript read access to CSS variables in inline styles
.'); |
| 8 | 8 |
| 9 var div = document.querySelector('#test-target'); | 9 var div = document.querySelector('#test-target'); |
| 10 | 10 |
| 11 shouldBeEqualToString('div.style.var.toString()', '[object CSSVariablesMap]'); | 11 shouldBeEqualToString('div.style.var.toString()', '[object CSSVariablesMap]'); |
| 12 shouldBe('div.style.var === div.style.var', 'true'); | 12 shouldBe('div.style.var === div.style.var', 'true'); |
| 13 shouldBeEqualToString('div.style.cssText', 'var-a: apple; var-b: banana;'); | 13 shouldBeEqualToString('div.style.cssText', 'var-a: apple; var-b: banana;'); |
| 14 shouldBe('div.style.var.size', '2'); | 14 shouldBe('div.style.var.size', '2'); |
| 15 shouldBeEqualToString('div.style.var.get("a")', 'apple'); | 15 shouldBeEqualToString('div.style.var.get("a")', 'apple'); |
| 16 shouldBeEqualToString('div.style.var.get("b")', 'banana'); | 16 shouldBeEqualToString('div.style.var.get("b")', 'banana'); |
| 17 shouldBeEqualToString('div.style.var.get("nonexistant")', ''); | 17 shouldBeEqualToString('div.style.var.get("nonexistant")', ''); |
| 18 | 18 |
| 19 </script> | 19 </script> |
| 20 <script src="../../js/resources/js-test-post.js"></script> | |
| OLD | NEW |