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

Side by Side Diff: third_party/WebKit/LayoutTests/paint/invalidation/spv2/grid-item-z-index-change-repaint.html

Issue 1366763002: Text expectations of paint/invalidation/spv2 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 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 <!-- Based on fast/css-grid-layout/grid-item-z-index-change-repaint.html --> 1 <!-- Based on fast/css-grid-layout/grid-item-z-index-change-repaint.html -->
2 <!DOCTYPE html> 2 <!DOCTYPE html>
3 <html> 3 <html>
4 <head> 4 <head>
5 <link href="../../../fast/css-grid-layout/resources/grid.css" rel="stylesheet"> 5 <link href="../../../fast/css-grid-layout/resources/grid.css" rel="stylesheet">
6 <style> 6 <style>
7 .grid { 7 .grid {
8 grid-template-rows: 100px; 8 grid-template-rows: 100px;
9 grid-template-columns: 200px 200px; 9 grid-template-columns: 200px 200px;
10 width: -webkit-fit-content; 10 width: -webkit-fit-content;
11 margin-top: 10px; 11 margin-top: 10px;
12 } 12 }
13 .red { 13 .red {
14 background-color: red; 14 background-color: red;
15 } 15 }
16 .green { 16 .green {
17 background-color: green; 17 background-color: green;
18 } 18 }
19 .negativeZIndex { 19 .negativeZIndex {
20 z-index: -1; 20 z-index: -1;
21 } 21 }
22 </style> 22 </style>
23 <script src="resources/paint-invalidation-test.js"></script> 23 <script src="resources/paint-invalidation-test.js"></script>
24 <script> 24 <script>
25 window.expectedPaintInvalidationObjects = [
26 "LayoutBlockFlow DIV id='item1' class='sizedToGridArea green negativeZIndex' ",
27 "LayoutBlockFlow DIV id='item2' class='sizedToGridArea green'",
28 ];
29 function paintInvalidationTest() 25 function paintInvalidationTest()
30 { 26 {
31 document.getElementById('item1').style.zIndex = 1; 27 document.getElementById('item1').style.zIndex = 1;
32 document.getElementById('item2').style.zIndex = 1; 28 document.getElementById('item2').style.zIndex = 1;
33 } 29 }
34 30
35 window.onload = runPaintInvalidationTest; 31 window.onload = runPaintInvalidationTest;
36 </script> 32 </script>
37 </head> 33 </head>
38 <body> 34 <body>
39 <div style="height: 100px"> 35 <div style="height: 100px">
40 <p>This test checks that grid items correctly repaint when 'z-index' changes .</p> 36 <p>This test checks that grid items correctly repaint when 'z-index' changes .</p>
41 <p>For this test to pass, there should be no red below.</p> 37 <p>For this test to pass, there should be no red below.</p>
42 </div> 38 </div>
43 39
44 <div class="grid"> 40 <div class="grid">
45 <div id="item1" class="sizedToGridArea green negativeZIndex"></div> 41 <div id="item1" class="sizedToGridArea green negativeZIndex"></div>
46 <div class="sizedToGridArea red"></div> 42 <div class="sizedToGridArea red"></div>
47 </div> 43 </div>
48 44
49 <div class="grid"> 45 <div class="grid">
50 <div id="item2" class="sizedToGridArea green"></div> 46 <div id="item2" class="sizedToGridArea green"></div>
51 <div class="sizedToGridArea red"></div> 47 <div class="sizedToGridArea red"></div>
52 </div> 48 </div>
53 49
54 </body> 50 </body>
55 </html> 51 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698