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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/repaint/align-items-change.html

Issue 1709963002: [css-align] New CSS Value 'normal' for Self Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fixed repaint tests. Created 4 years, 6 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 <script src="resources/text-based-repaint.js"></script> 2 <script src="resources/text-based-repaint.js"></script>
3 <script> 3 <script>
4 function repaintTest() { 4 function repaintTest() {
5 document.getElementById('container').style.alignItems = 'stretch'; 5 document.getElementById('container').style.alignItems = 'stretch';
6 } 6 }
7 onload = runRepaintTest; 7 onload = runRepaintAndPixelTest;
8 </script> 8 </script>
9 <style> 9 <style>
10 body { 10 body {
11 margin: 0; 11 margin: 0;
12 } 12 }
13 #container { 13 #container {
14 display: flex; 14 display: flex;
15 align-items: flex-start; 15 align-items: flex-start;
16 width: 200px; 16 width: 200px;
17 height: 300px; 17 height: 300px;
18 background-color: red; 18 background-color: red;
19 } 19 }
20 .item { 20 .item {
21 background-color: green; 21 background-color: green;
22 border: solid thin blue; 22 border: solid thin blue;
23 width: 100px; 23 width: 100px;
24 } 24 }
25 </style> 25 </style>
26 <p style="height: 20px">Tests invalidation on align-items style change. Passes i f there is no red.</p> 26 <p style="height: 20px">Tests invalidation on align-items style change. Passes i f there is no red.</p>
27 <div id="container"> 27 <div id="container">
28 <div class="item"> 28 <div class="item">
29 <div style="height: 100px"></div> 29 <div style="height: 100px"></div>
30 </div> 30 </div>
31 <div class="item"> 31 <div class="item">
32 <div style="height: 150px"></div> 32 <div style="height: 150px"></div>
33 </div> 33 </div>
34 </div> 34 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698