third_party/WebKit/LayoutTests/inspector/elements/styles-2/keyframes-rules.html

   1 <html>
   2 <head>
   3 <style>
   4 @-webkit-keyframes fadeout {
   5     from { background-color: black; }
   6     to { background-color: white; }
   7 }
   8
   9 * {
  10     background-color: papayawhip;
  11 }
  12 </style>
  13 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  14 <script src="../../../http/tests/inspector/elements-test.js"></script>
  15 <script>
  16 function test()
  17 {
  18     InspectorTest.runTestSuite([
  19         function testInit(next)
  20         {
  21             InspectorTest.selectNodeAndWaitForStyles("inspected", next);
  22         },
  23
  24         function testDumpStyles(next)
  25         {
  26             InspectorTest.dumpSelectedElementStyles(true);
  27             next();
  28         }
  29     ]);
  30 }
  31 </script>
  32 </head>
  33
  34 <body onload="runTest()">
  35 <p>
  36 Tests that source data is extracted correctly from stylesheets with @-webkit-keyframes rules.
  37 </p>
  38
  39 <div id="inspected" style="background-color: white;">Content</div>
  40 </body>
  41 </html>