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

Side by Side Diff: LayoutTests/fast/repaint/fixed-right-in-page-scale.html

Issue 1317003002: Fixed (more) layout tests to be scroll order agnostic (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
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
« no previous file with comments | « LayoutTests/fast/repaint/fixed-in-page-scale.html ('k') | no next file » | no next file with comments »
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-scrollbar { 4 ::-webkit-scrollbar {
5 width: 0px; 5 width: 0px;
6 height: 0px; 6 height: 0px;
7 } 7 }
8 </style> 8 </style>
9 <script> 9 <script>
10 window.enablePixelTesting = true; 10 window.enablePixelTesting = true;
11 11
12 function scroll() { 12 function scroll() {
13 window.scrollTo(100,100); 13 window.scrollTo(100,100);
14 } 14 }
15 15
16 function scaleWithEventSender() { 16 function applyScaleFactor() {
17 var scaleFactor = 2.0; 17 var scaleFactor = 2.0;
18 if (window.internals) 18 if (window.internals)
19 internals.setPageScaleFactor(scaleFactor); 19 internals.setPageScaleFactor(scaleFactor);
20 } 20 }
21 21
22 function test() { 22 function test() {
23 scaleWithEventSender(); 23 // Scroll before applying page scale so we scroll the layout viewport.
24 scroll(); 24 scroll();
25 applyScaleFactor();
25 } 26 }
26 </script> 27 </script>
27 <script src="../../resources/js-test.js"></script> 28 <script src="../../resources/js-test.js"></script>
28 </head> 29 </head>
29 <body style="height:2000px; width: 2000px; margin:0px;" onload="test();"> 30 <body style="height:2000px; width: 2000px; margin:0px;" onload="test();">
30 <div style="position: fixed; top: -100px; right: 500px; z-index: 1"> 31 <div style="position: fixed; top: -100px; right: 500px; z-index: 1">
31 <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div> 32 <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div>
32 <div style="left:100px; top:0; width:100px; height:100px; position:absol ute; background:green;"></div> 33 <div style="left:100px; top:0; width:100px; height:100px; position:absol ute; background:green;"></div>
33 34
34 <div style="left:0; top:100px; width:100px; height:100px; position:absol ute; background:black;"></div> 35 <div style="left:0; top:100px; width:100px; height:100px; position:absol ute; background:black;"></div>
35 <div style="left:100px; top:100px; width:100px; height:100px; position:a bsolute; background:blue;"></div> 36 <div style="left:100px; top:100px; width:100px; height:100px; position:a bsolute; background:blue;"></div>
36 </div> 37 </div>
37 <div style="position: absolute; width:300px; height:300px; top: 0px; left: 3 00px" id="grid"> 38 <div style="position: absolute; width:300px; height:300px; top: 0px; left: 3 00px" id="grid">
38 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> 39 <div style="float:left; width:100px; height:100px; background:yellow;">< /div>
39 <div style="float:left; width:100px; height:100px; background:green;"></ div> 40 <div style="float:left; width:100px; height:100px; background:green;"></ div>
40 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> 41 <div style="float:left; width:100px; height:100px; background:blue;"></d iv>
41 42
42 <div style="float:left; width:100px; height:100px; background: green;">< /div> 43 <div style="float:left; width:100px; height:100px; background: green;">< /div>
43 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> 44 <div style="float:left; width:100px; height:100px; background:blue;"></d iv>
44 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> 45 <div style="float:left; width:100px; height:100px; background:yellow;">< /div>
45 46
46 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> 47 <div style="float:left; width:100px; height:100px; background:blue;"></d iv>
47 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> 48 <div style="float:left; width:100px; height:100px; background:yellow;">< /div>
48 <div style="float:left; width:100px; height:100px; background:green;"></ div> 49 <div style="float:left; width:100px; height:100px; background:green;"></ div>
49 </div> 50 </div>
50 <div id="console"></div> 51 <div id="console"></div>
51 </body> 52 </body>
52 </html> 53 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/repaint/fixed-in-page-scale.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698