third_party/WebKit/LayoutTests/compositing/transitions/opacity-on-inline.html

   1 <!DOCTYPE>
   2
   3 <html>
   4 <head>
   5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   6   <title>Opacity on inline</title>
   7   <style type="text/css" media="screen">
   8     #fader {
   9       -webkit-transition: opacity 1s;
  10       border: 1px solid black;
  11     }
  12
  13     .faded {
  14       opacity: 0.5;
  15     }
  16   </style>
  17   <script type="text/javascript" charset="utf-8">
  18     if (window.testRunner)
  19       testRunner.dumpAsText();
  20
  21     window.addEventListener('load', function() {
  22       var testSpan = document.getElementById('fader');
  23       testSpan.className = 'faded';
  24     }, false);
  25   </script>
  26 </head>
  27 <body>
  28
  29 <p>This should not assert in debug builds</p>
  30 <span id="fader">Opacity fade on inline</span>
  31
  32 <div style="transform: translateZ(0)"> <!-- throw the page into compositing mode -->
  33 </div>
  34
  35 </body>
  36 </html>