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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/repaint/clip-unclip-and-change.html

Issue 1994373002: Convert some repaint tests into ref tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 6 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <script src="../../resources/run-after-layout-and-paint.js"></script> 2 <script src="../../resources/run-after-layout-and-paint.js"></script>
3 <script src="resources/text-based-repaint.js"></script> 3 <script src="resources/text-based-repaint.js"></script>
4 <script> 4 <script>
5 function repaintTest() { 5 function repaintTest() {
6 content.style.height = '100px'; 6 content.style.height = '100px';
7 content.style.backgroundColor = 'green'; 7 content.style.backgroundColor = 'green';
8 } 8 }
9 onload = function() { 9 onload = function() {
10 runAfterLayoutAndPaint(function() { 10 runAfterLayoutAndPaint(function() {
11 container.style.height = '400px'; 11 container.style.height = '400px';
12 runRepaintTest(); 12 runRepaintAndPixelTest();
13 }); 13 });
14 }; 14 };
15 </script> 15 </script>
16 Tests paint invalidation of previous location of an element which was clipped to be invisible initially, becme visible because of clip change, then changed colo r and size. Passes if there is a green square. 16 Tests paint invalidation of previous location of an element which was clipped to be invisible initially, becme visible because of clip change, then changed colo r and size. Passes if there is a green square.
17 <div id="container" style="position: absolute; top: 100px; width: 100px; height: 10px; overflow: hidden"> 17 <div id="container" style="position: absolute; top: 100px; width: 100px; height: 10px; overflow: hidden">
18 <div style="height: 20px"></div> 18 <div style="height: 20px"></div>
19 <div style="width: 100px; height: 300px"> 19 <div style="width: 100px; height: 300px">
20 <div id="content" style="width: 100px; height: 300px; background-color: red" ></div> 20 <div id="content" style="width: 100px; height: 300px; background-color: red" ></div>
21 </div> 21 </div>
22 </div> 22 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698