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

Side by Side Diff: LayoutTests/fast/repaint/fixed-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 | « no previous file | LayoutTests/fast/repaint/fixed-right-in-page-scale.html » ('j') | 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="width:2000px; height:2000px; margin:0px;" onload="test();"> 30 <body style="width:2000px; height:2000px; margin:0px;" onload="test();">
30 <div style="position: fixed; top: -100px; left: -100px; z-index: 1"> 31 <div style="position: fixed; top: -100px; left: -100px; 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:green;"></div> 35 <div style="left:0; top:100px; width:100px; height:100px; position:absol ute; background:green;"></div>
35 <div style="left:100px; top:100px; width:100px; height:100px; position:a bsolute; background:black;"></div> 36 <div style="left:100px; top:100px; width:100px; height:100px; position:a bsolute; background:black;"></div>
36 </div> 37 </div>
37 38
38 <div style="left:0; top:0; width:100px; height:100px; position:absolute; bac kground:yellow;"></div> 39 <div style="left:0; top:0; width:100px; height:100px; position:absolute; bac kground:yellow;"></div>
39 <div style="left:100px; top:0; width:100px; height:100px; position:absolute; background:green;"></div> 40 <div style="left:100px; top:0; width:100px; height:100px; position:absolute; background:green;"></div>
40 <div style="left:200px; top:0; width:100px; height:100px; position:absolute; background:blue;"></div> 41 <div style="left:200px; top:0; width:100px; height:100px; position:absolute; background:blue;"></div>
41 42
42 <div style="left:0; top:100px; width:100px; height:100px; position:absolute; background: green;"></div> 43 <div style="left:0; top:100px; width:100px; height:100px; position:absolute; background: green;"></div>
43 <div style="left:100px; top:100px; width:100px; height:100px; position:absol ute; background:blue;"></div> 44 <div style="left:100px; top:100px; width:100px; height:100px; position:absol ute; background:blue;"></div>
44 <div style="left:200px; top:100px; width:100px; height:100px; position:absol ute; background:yellow;"></div> 45 <div style="left:200px; top:100px; width:100px; height:100px; position:absol ute; background:yellow;"></div>
45 46
46 <div style="left:0; top:200px; width:100px; height:100px; position:absolute; background:blue;"></div> 47 <div style="left:0; top:200px; width:100px; height:100px; position:absolute; background:blue;"></div>
47 <div style="left:100px; top:200px; width:100px; height:100px; position:absol ute; background:yellow;"></div> 48 <div style="left:100px; top:200px; width:100px; height:100px; position:absol ute; background:yellow;"></div>
48 <div style="left:200px; top:200px; width:100px; height:100px; position:absol ute; background:green;"></div> 49 <div style="left:200px; top:200px; width:100px; height:100px; position:absol ute; background:green;"></div>
49 </body> 50 </body>
50 </html> 51 </html>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/fast/repaint/fixed-right-in-page-scale.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698