third_party/WebKit/LayoutTests/transitions/transition-property-explicit-initial.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     #target1 {
   6       -webkit-transition-property: none;
   7     }
   8     #target2 {
   9       transition-property: none;
  10     }
  11   </style>
  12   <script>
  13     if (window.testRunner) {
  14         testRunner.dumpAsText();
  15         testRunner.waitUntilDone();
  16     }
  17
  18     function testValue(actual, expected) {
  19       if (actual == expected)
  20         document.getElementById('result').innerHTML += 'PASS: transition-property was ' + expected + '<br>';
  21       else
  22         document.getElementById('result').innerHTML += 'FAIL: transition-property was ' + actual + ', expected ' + expected + '<br>';
  23     }
  24
  25
  26     function testProperties()
  27     {
  28       var target1 = document.getElementById('target1');
  29       var target2 = document.getElementById('target2');
  30       testValue(getComputedStyle(target1).webkitTransitionProperty, 'none');
  31       testValue(getComputedStyle(target2).transitionProperty, 'none');
  32
  33       target1.style.webkitTransitionProperty = 'initial';
  34       target2.style.transitionProperty = 'initial';
  35       testValue(getComputedStyle(target1).webkitTransitionProperty, 'all');
  36       testValue(getComputedStyle(target2).transitionProperty, 'all');
  37
  38       if (window.testRunner)
  39           testRunner.notifyDone();
  40
  41     }
  42
  43     window.addEventListener('load', testProperties, false);
  44   </script>
  45 </head>
  46 <body>
  47 <p>Tests that explicitly setting the transition-property property to 'initial' works for both prefixed and unprefixed versions.
  48
  49 <div id="target1"></div>
  50 <div id="target2"></div>
  51
  52 <div id="result"></div>
  53
  54 </body>
  55 </html>