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

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/overflow-keep-scrollpos.html

Issue 2130543003: Convert some flexbox tests to testharness.js (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 5 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 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../../resources/js-test.js"></script> 4 <script src="../../resources/testharness.js"></script>
5 <script src="../../resources/testharnessreport.js"></script>
5 <style> 6 <style>
6 div.flexbox { 7 div.flexbox {
7 display: flex; 8 display: flex;
8 } 9 }
9 div.overflow-auto { 10 div.overflow-auto {
10 overflow: auto; 11 overflow: auto;
11 } 12 }
12 div.flex { 13 div.flex {
13 flex: 1; 14 flex: 1;
14 } 15 }
15 .container { 16 .container {
16 width: 100px; 17 width: 100px;
17 height: 100px; 18 height: 100px;
18 } 19 }
19 </style> 20 </style>
20 <script> 21 <script>
21 function runTest() { 22 function runTest() {
22 document.querySelector('.overflow-auto').scrollTop = 50; 23 document.querySelector('.overflow-auto').scrollTop = 50;
23 document.querySelector('#sidebar').innerHTML = ''; 24 document.querySelector('#sidebar').innerHTML = '';
24 shouldBe("document.querySelector('.overflow-auto').scrollTop", "50"); 25 assert_equals(document.querySelector('.overflow-auto').scrollTop, 50);
25 } 26 }
26 </script> 27 </script>
27 28
28 </head> 29 </head>
29 <body onload="runTest()"> 30 <body onload="test(runTest, 'Scroll position is correct')">
31 <div id=log></div>
30 <div class="container flexbox"> 32 <div class="container flexbox">
31 <div class="flex overflow-auto flexbox"> 33 <div class="flex overflow-auto flexbox">
32 <div style="height: 400px"></div> 34 <div style="height: 400px"></div>
33 </div> 35 </div>
34 <div id="sidebar">foo</div> 36 <div id="sidebar">foo</div>
35 </div> 37 </div>
36 <div id="console"></div> 38 <div id="console"></div>
37 </body> 39 </body>
38 </html> 40 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698