src/third_party/WebKit/LayoutTests/fast/css/variables/cssom-read.html

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