OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <head><script src="../../js/resources/js-test-pre.js"></script></head> | 2 <head><script src="../../../resources/js-test.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> |
OLD | NEW |