src/third_party/WebKit/LayoutTests/inspector/styles/variables/css-variables.html

   1 <html>
   2 <head>
   3 <style>
   4 #inspected {
   5     var-a: green;
   6     color: var(a);
   7 }
   8
   9 </style>
  10 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  11 <script src="../../../http/tests/inspector/elements-test.js"></script>
  12 <script>
  13
  14 function test()
  15 {
  16     WebInspector.showPanel("elements");
  17     InspectorTest.selectNodeAndWaitForStylesWithComputed("inspected", dumpAllStyles);
  18
  19     function dumpAllStyles()
  20     {
  21         InspectorTest.dumpSelectedElementStyles();
  22         InspectorTest.completeTest();
  23     }
  24 }
  25
  26 </script>
  27 </head>
  28
  29 <body onload="runTest()">
  30 <p>
  31 Tests that webkit css variables can be loaded correctly.
  32 </p>
  33
  34 <div id="inspected">Text</div>
  35
  36 </body>
  37 </html>