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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/paint/invalidation/spv2/grid-item-z-index-change-repaint-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
« no previous file with comments | « LayoutTests/paint/invalidation/spv2/grid-item-z-index-change-repaint.html ('k') | LayoutTests/paint/invalidation/spv2/horizontal-bt-overflow-child.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 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <link href="resources/grid.css" rel="stylesheet"> 4 <link href="../../../fast/css-grid-layout/resources/grid.css" rel="stylesheet">
5 <style> 5 <style>
6 .grid { 6 .grid {
7 grid-template-rows: 100px; 7 grid-template-rows: 100px;
8 grid-template-columns: 200px 200px; 8 grid-template-columns: 200px 200px;
9 width: -webkit-fit-content; 9 width: -webkit-fit-content;
10 margin-top: 10px; 10 margin-top: 10px;
11 } 11 }
12 .red { 12 .red {
13 background-color: red; 13 background-color: red;
14 } 14 }
15 .green { 15 .green {
16 background-color: green; 16 background-color: green;
17 } 17 }
18 .negativeZIndex { 18 .negativeZIndex {
19 z-index: -1; 19 z-index: -1;
20 } 20 }
21 </style> 21 </style>
22 <script src="../repaint/resources/text-based-repaint.js"></script>
23 <script>
24 function repaintTest()
25 {
26 document.getElementById('item1').style.zIndex = 1;
27 document.getElementById('item2').style.zIndex = 1;
28 }
29
30 window.onload = runRepaintTest;
31 </script>
32 </head> 22 </head>
33 <body> 23 <body>
34 <div style="height: 100px"> 24 <div style="height: 100px">
35 <p>This test checks that grid items correctly repaint when 'z-index' changes .</p> 25 <p>This test checks that grid items correctly repaint when 'z-index' changes .</p>
36 <p>For this test to pass, there should be no red below.</p> 26 <p>For this test to pass, there should be no red below.</p>
37 </div> 27 </div>
38 28
39 <div class="grid"> 29 <div class="grid">
40 <div id="item1" class="sizedToGridArea green negativeZIndex"></div> 30 <div id="item1" class="sizedToGridArea green" style="z-index: 1"></div>
41 <div class="sizedToGridArea red"></div> 31 <div class="sizedToGridArea red"></div>
42 </div> 32 </div>
43 33
44 <div class="grid"> 34 <div class="grid">
45 <div id="item2" class="sizedToGridArea green"></div> 35 <div id="item2" class="sizedToGridArea green" style="z-index: 1"></div>
46 <div class="sizedToGridArea red"></div> 36 <div class="sizedToGridArea red"></div>
47 </div> 37 </div>
48 38
49 </body> 39 </body>
50 </html> 40 </html>
OLDNEW
« no previous file with comments | « LayoutTests/paint/invalidation/spv2/grid-item-z-index-change-repaint.html ('k') | LayoutTests/paint/invalidation/spv2/horizontal-bt-overflow-child.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698