LayoutTests/inspector/styles/vendor-prefixes.html

   1 <html>
   2 <head>
   3 <style>
   4 #inspected {
   5     -apple-opacity: 0.35;
   6     -webkit-opacity: 0.5;
   7     opacity: 1;
   8     -khtml-opacity: 0.25;
   9 }
  10
  11 #inspected {
  12     -apple-opacity: 0.75;
  13 }
  14
  15 </style>
  16 <script src="../../http/tests/inspector/inspector-test.js"></script>
  17 <script src="../../http/tests/inspector/elements-test.js"></script>
  18 <script>
  19
  20 function test()
  21 {
  22     WebInspector.showPanel("elements");
  23     InspectorTest.selectNodeAndWaitForStylesWithComputed("inspected", dumpAllStyles);
  24
  25     function dumpAllStyles()
  26     {
  27         InspectorTest.dumpSelectedElementStyles();
  28         InspectorTest.completeTest();
  29     }
  30 }
  31
  32 </script>
  33 </head>
  34
  35 <body onload="runTest()">
  36 <p>
  37 Tests that properties with WebKit vendor-specific prefixes ("-apple-", "-webkit-", and "-khtml-") are treated the same as those without the prefix.
  38 </p>
  39
  40 <div id="inspected">Text</div>
  41 <div id="other"></div>
  42
  43 </body>
  44 </html>