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

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/repaint/content-into-overflow.html

Issue 2327223002: Move all remaining fast/repaint tests to paint/invalidation (Closed)
Patch Set: Created 4 years, 3 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
(Empty)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3 <head>
4 <title>Test for bug 25282 (bug 12885 with a repaint container)</title>
5 <style type="text/css">
6 div.wrapper {
7 height: 420px;
8 width: 120px;
9 margin: 20px;
10 transform: translateZ(0);
11 }
12 div.outer { position: absolute; }
13 div.wide { width: 100px; height: 50px; }
14 div.narrow { width: 50px; }
15 div.tall { width: 50px; height: 100px; }
16 div.short { height: 50px; width: 50px; }
17 #main-content { float: left; width: 100px; height: 80px; }
18 #target3 { display: none; clear: both; height: 20px; background: green; }
19 </style>
20 <script>
21 if (window.testRunner)
22 testRunner.waitUntilDone();
23
24 function repaintTest()
25 {
26 document.getElementById('target1').style.width = 'auto';
27 document.getElementById('target2').style.height = 'auto';
28 document.getElementById('target3').style.display = 'block';
29
30 if (window.testRunner)
31 testRunner.notifyDone();
32 }
33
34 function runRepaintTest()
35 {
36 setTimeout(repaintTest, 0);
37 }
38 </script>
39 </head>
40 <body onload="runRepaintTest();">
41
42 <div class="wrapper">
43 <div class="outer" style="border: medium solid green; top: 8px; height: 100p x;">
44 <div class="narrow" id="target1">
45 <div class="wide"></div>
46 </div>
47 </div>
48
49 <div class="outer" style="border: medium solid green; top: 158px; width: 100 px;">
50 <div class="short" id="target2">
51 <div class="tall"></div>
52 </div>
53 </div>
54
55 <div class="outer" style="top: 308px;">
56 <div style="background: green;">
57 <div style="position: relative;">
58 <div id="main-content">
59 </div>
60 </div>
61 <div id="target3"></div>
62 </div>
63 </div>
64 </div>
65 </body>
66 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698