Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(466)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/inspector/layers/layer-compositing-reasons.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove duplicate transform Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« LayoutTests/fast/repaint/resources/default.css ('K') | « LayoutTests/inspector/layers/layer-canvas-log.html ('k') | LayoutTests/inspector/layers/layer-scroll-rects-get.html » ('j') | LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style> 3 <style>
4 @-webkit-keyframes rotate { 4 @-webkit-keyframes rotate {
5 0% { -webkit-transform: rotate(0deg); } 5 0% { transform: rotate(0deg); }
6 50% { -webkit-transform: rotate(180deg); } 6 50% { transform: rotate(180deg); }
7 100% { -webkit-transform: rotate(360deg); } 7 100% { transform: rotate(360deg); }
8 } 8 }
9 9
10 </style> 10 </style>
11 <script src="../../http/tests/inspector/inspector-test.js"></script> 11 <script src="../../http/tests/inspector/inspector-test.js"></script>
12 <script src="../../http/tests/inspector/layers-test.js"></script> 12 <script src="../../http/tests/inspector/layers-test.js"></script>
13 <script> 13 <script>
14 if (window.internals) { 14 if (window.internals) {
15 document.addEventListener('webkitAnimationStart', function() { 15 document.addEventListener('webkitAnimationStart', function() {
16 internals.pauseAnimations(0); 16 internals.pauseAnimations(0);
17 }); 17 });
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
49 for (var i = 0; i < idsToTest.length - 1; ++i) 49 for (var i = 0; i < idsToTest.length - 1; ++i)
50 dumpCompositingReasons(InspectorTest.findLayerByNodeIdAttribute(idsT oTest[i])); 50 dumpCompositingReasons(InspectorTest.findLayerByNodeIdAttribute(idsT oTest[i]));
51 dumpCompositingReasons(InspectorTest.findLayerByNodeIdAttribute(idsToTes t[idsToTest.length - 1]), InspectorTest.completeTest.bind(InspectorTest)); 51 dumpCompositingReasons(InspectorTest.findLayerByNodeIdAttribute(idsToTes t[idsToTest.length - 1]), InspectorTest.completeTest.bind(InspectorTest));
52 } 52 }
53 InspectorTest.requestLayers(onGotLayers); 53 InspectorTest.requestLayers(onGotLayers);
54 } 54 }
55 55
56 </script> 56 </script>
57 </head> 57 </head>
58 <body onload="runTest()"> 58 <body onload="runTest()">
59 <div id="transform3d" style="-webkit-transform: translateZ(100px);">translated</ div> 59 <div id="transform3d" style="transform: translateZ(100px);">translated</div>
60 <iframe id="iframe" src="resources/composited-iframe.html"></iframe> 60 <iframe id="iframe" src="resources/composited-iframe.html"></iframe>
61 <div id="backface-visibility" style="-webkit-backface-visibility: hidden">backfa ce hidden</div> 61 <div id="backface-visibility" style="-webkit-backface-visibility: hidden">backfa ce hidden</div>
62 <div id="animation" style="width: 50px; height: 50px; -webkit-animation-name: ro tate; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 5 s;">animated</div> 62 <div id="animation" style="width: 50px; height: 50px; -webkit-animation-name: ro tate; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 5 s;">animated</div>
63 <div id="transformWithCompositedDescendants" style="-webkit-transform: rotate(10 deg)"> 63 <div id="transformWithCompositedDescendants" style="transform: rotate(10deg)">
64 <div style="-webkit-transform: translateZ(100px);"> 64 <div style="transform: translateZ(100px);">
65 </div> 65 </div>
66 </div> 66 </div>
67 <div id="opacityWithCompositedDescendants" style="opacity: 0.5"> 67 <div id="opacityWithCompositedDescendants" style="opacity: 0.5">
68 <div style="-webkit-transform: translateZ(100px);">opacity 68 <div style="transform: translateZ(100px);">opacity
69 </div> 69 </div>
70 </div> 70 </div>
71 <div id="reflectionWithCompositedDescendants" style="-webkit-box-reflect: below" > 71 <div id="reflectionWithCompositedDescendants" style="-webkit-box-reflect: below" >
72 <div style="-webkit-transform: translateZ(100px);">reflected 72 <div style="transform: translateZ(100px);">reflected
73 </div> 73 </div>
74 </div> 74 </div>
75 <div id="perspective" style="-webkit-perspective: 500;"> 75 <div id="perspective" style="-webkit-perspective: 500;">
76 <div style="-webkit-transform: translateZ(100px);">perspective 76 <div style="transform: translateZ(100px);">perspective
77 </div> 77 </div>
78 </div> 78 </div>
79 <div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> 79 <div id="preserve3d" style="-webkit-transform-style: preserve-3d;">
80 <div style="-webkit-transform: translateZ(100px);">preserve3d 80 <div style="transform: translateZ(100px);">preserve3d
81 </div> 81 </div>
82 </div> 82 </div>
83 </body> 83 </body>
84 </html> 84 </html>
OLDNEW
« LayoutTests/fast/repaint/resources/default.css ('K') | « LayoutTests/inspector/layers/layer-canvas-log.html ('k') | LayoutTests/inspector/layers/layer-scroll-rects-get.html » ('j') | LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698