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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/justify-self-overflow-change-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> 1 <!DOCTYPE HTML>
2 <script src="resources/text-based-repaint.js"></script>
3 <script>
4 function repaintTest() {
5 document.getElementsByClassName('item1')[0].style.justifySelf = 'end safe';
6 document.getElementsByClassName('item2')[0].style.justifySelf = 'end safe';
7 }
8 onload = runRepaintTest;
9 </script>
10 <style> 2 <style>
11 body { 3 body {
12 margin: 0; 4 margin: 0;
13 } 5 }
14 #container { 6 #container {
15 display: grid; 7 display: grid;
16 grid: 100px 100px / 300px; 8 grid: 100px 100px / 300px;
17 width: 200px; 9 width: 200px;
18 height: 300px; 10 height: 300px;
19 background-color: red; 11 background-color: red;
20 } 12 }
21 .item1 { 13 .item1 {
22 grid-row: 1; 14 grid-row: 1;
23 grid-column: 1; 15 grid-column: 1;
24 justify-self: end true; 16 justify-self: end safe;
25 background-color: green; 17 background-color: green;
26 width: 150px; 18 width: 150px;
27 } 19 }
28 .item2 { 20 .item2 {
29 grid-row: 1; 21 grid-row: 1;
30 grid-column: 2; 22 grid-column: 2;
31 background-color: green; 23 background-color: green;
32 justify-self: end true; 24 justify-self: end safe;
33 width: 50px; 25 width: 50px;
34 </style> 26 </style>
35 <p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p> 27 <p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p>
36 <div id="container"> 28 <div id="container">
37 <div class="item1"> 29 <div class="item1">
38 <div style="height: 150px"></div> 30 <div style="height: 150px"></div>
39 </div> 31 </div>
40 <div class="item2"> 32 <div class="item2">
41 <div style="height: 100px"></div> 33 <div style="height: 100px"></div>
42 </div> 34 </div>
43 </div> 35 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698