third_party/WebKit/LayoutTests/transitions/override-transition-crash.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     #box {
   7       position: relative;
   8       height: 100px;
   9       width: 100px;
  10       background-color: blue;
  11       -webkit-transition-duration: 1s;
  12       -webkit-transition-property: top, -webkit-text-fill-color, text-shadow, all;
  13     }
  14     #box.change {
  15       -webkit-text-fill-color: white;
  16       top: 100px;
  17       text-shadow: 1px 1px 1px rgba(0,0,0, .8);
  18     }
  19   </style>
  20   <script>
  21     if (window.testRunner) {
  22       testRunner.dumpAsText();
  23     }
  24
  25     function start()
  26     {
  27         var box = document.getElementById('box');
  28         box.className = "change";
  29     }
  30
  31     window.addEventListener('load', start, false);
  32   </script>
  33 </head>
  34 <body>
  35
  36 <p>
  37 This tests a crash that was occuring when you have both an explicit property and 'all' in the -webkit-transition-property CSS property. The crash would occur when you start the transition
  38 of the explicit property. Transitions of 3 sample properties are used (top, -webkit-text-fill-color,
  39 and text-shadow), to test 3 separate code paths for property animation.
  40
  41 This test should not crash.
  42 </p>
  43 <div id="box">
  44     Text With a Shadow
  45 </div>
  46 </body>
  47 </html>