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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/transform-absolute-child-expected.html

Issue 1302183007: Convert some text-based-repaint tests for spv2 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 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 | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd"> 2 "http://www.w3.org/TR/html4/loose.dtd">
3 <html lang="en"> 3 <html lang="en">
4 <head> 4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 <title>Transform with Abs. Pos child</title> 6 <title>Transform with Abs. Pos child</title>
7 <style type="text/css" media="screen"> 7 <style type="text/css" media="screen">
8 #box { 8 #box {
9 position: relative; 9 position: relative;
10 margin: 50px; 10 margin: 50px;
11 width: 200px; 11 width: 200px;
12 height: 200px; 12 height: 200px;
13 border: 2px solid black; 13 border: 2px solid black;
14 transform: rotate(0deg); 14 transform: rotate(0deg);
15 } 15 }
16 #box.rotated { 16 #box.rotated {
17 transform: rotate(40deg); 17 transform: rotate(40deg);
18 } 18 }
19 #child { 19 #child {
20 position: absolute; 20 position: absolute;
21 width: 400px; 21 width: 400px;
22 height: 50px; 22 height: 50px;
23 top: 75px; 23 top: 75px;
24 left: 75px; 24 left: 75px;
25 background-color: gray; 25 background-color: gray;
26 } 26 }
27 </style> 27 </style>
28 <script src="resources/text-based-repaint.js" type="text/javascript" charset=" utf-8"></script>
29 <script type="text/javascript" charset="utf-8">
30 function repaintTest()
31 {
32 document.getElementById('box').className = 'rotated';
33 }
34 </script>
35 </head> 28 </head>
36 <body onload="runRepaintTest()"> 29 <body>
37 <div id="box"> 30 <div id="box" class="rotated">
38 <div id="child"> 31 <div id="child">
39 </div> 32 </div>
40 </div> 33 </div>
41 </body> 34 </body>
42 </html> 35 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698