third_party/WebKit/LayoutTests/transitions/no-transition-on-implicit-margins.html

   1 <style>
   2 input {
   3   transition: margin 1s, background 200ms;
   4 }
   5 </style>
   6 <body>
   7 Tests that transitions don't trigger due to intrinsic margins.
   8 <input type="submit" value="Button"></input>
   9 <script>
  10 if (window.testRunner) {
  11   testRunner.dumpAsText();
  12   testRunner.waitUntilDone();
  13 }
  14 onload = function() {
  15   var finished = false;
  16   var target = document.querySelector('input');
  17   var marginBefore = getComputedStyle(target).margin;
  18   target.offsetTop;
  19   target.style.background = 'green';
  20   // The background transition should finish before any transition on margin.
  21   target.addEventListener('transitionend', function() {
  22     if (finished)
  23       return;
  24     finished = true;
  25     var marginAfter = getComputedStyle(target).margin
  26     document.body.textContent = marginBefore == marginAfter ?
  27         'PASS' :
  28         'FAIL: expected [' + marginBefore + '] but was [' + marginAfter + ']';
  29     if (window.testRunner) {
  30       testRunner.notifyDone();
  31     }
  32   });
  33 };
  34 </script>