| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script> | 3 <script> |
| 4 if (window.testRunner) { | 4 if (window.testRunner) { |
| 5 window.testRunner.dumpAsText(); | 5 window.testRunner.dumpAsText(); |
| 6 window.testRunner.waitUntilDone(); | 6 window.testRunner.waitUntilDone(); |
| 7 } | 7 } |
| 8 | 8 |
| 9 function done() { | 9 function done() { |
| 10 if (window.testRunner) | 10 if (window.testRunner) |
| (...skipping 16 matching lines...) Expand all Loading... |
| 27 window.setTimeout(dumpTreeAsText, 0); | 27 window.setTimeout(dumpTreeAsText, 0); |
| 28 } | 28 } |
| 29 | 29 |
| 30 window.addEventListener('load', function () { | 30 window.addEventListener('load', function () { |
| 31 window.setTimeout(removeStackingContext, 100); | 31 window.setTimeout(removeStackingContext, 100); |
| 32 }, false); | 32 }, false); |
| 33 </script> | 33 </script> |
| 34 <style> | 34 <style> |
| 35 .accelerated, | 35 .accelerated, |
| 36 .accelerated-stacking-context { | 36 .accelerated-stacking-context { |
| 37 -webkit-transform: rotateX(0deg); | 37 transform: rotateX(0deg); |
| 38 } | 38 } |
| 39 .accelerated-no-stacking-context { | 39 .accelerated-no-stacking-context { |
| 40 -webkit-backface-visibility: hidden; | 40 -webkit-backface-visibility: hidden; |
| 41 } | 41 } |
| 42 .blended { | 42 .blended { |
| 43 mix-blend-mode: multiply; | 43 mix-blend-mode: multiply; |
| 44 } | 44 } |
| 45 </style> | 45 </style> |
| 46 </head> | 46 </head> |
| 47 <body> | 47 <body> |
| 48 <div id="test"> | 48 <div id="test"> |
| 49 <!--This test checks that isolation property is removed when the element | 49 <!--This test checks that isolation property is removed when the element |
| 50 no longer requires stacking context and it remains accelerated. --> | 50 no longer requires stacking context and it remains accelerated. --> |
| 51 <div class="accelerated-stacking-context" style="background-color: blue;"> | 51 <div class="accelerated-stacking-context" style="background-color: blue;"> |
| 52 <div id="intermediary" class="accelerated-stacking-context" | 52 <div id="intermediary" class="accelerated-stacking-context" |
| 53 style="background-color: green; height: 90px;"> | 53 style="background-color: green; height: 90px;"> |
| 54 <img class="accelerated blended" src="resources/reference.png"> | 54 <img class="accelerated blended" src="resources/reference.png"> |
| 55 </div> | 55 </div> |
| 56 </div> | 56 </div> |
| 57 </div> | 57 </div> |
| 58 <pre id="layers">Layer tree goes here when testing.</pre> | 58 <pre id="layers">Layer tree goes here when testing.</pre> |
| 59 </body> | 59 </body> |
| 60 </html> | 60 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 637763002:
Unprefix usage of -webkit-transform in tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master