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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/stacking-context-lost.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 <!-- Based on fast/repaint/stacking-context-lost.html -->
1 <!DOCTYPE html> 2 <!DOCTYPE html>
2 <script src="resources/text-based-repaint.js"></script> 3 <script src="resources/paint-invalidation-test.js"></script>
3 <script> 4 <script>
4 function repaintTest() 5 window.expectedPaintInvalidationObjects = [
6 "LayoutBlockFlow (relative positioned) DIV id='outer'",
7 "LayoutBlockFlow (relative positioned) DIV id='inner'",
8 "LayoutBlockFlow (relative positioned) DIV id='inner'",
9 "LayoutBlockFlow (relative positioned) DIV id='outer'",
10 ];
11 function paintInvalidationTest()
5 { 12 {
6 outer.style.zIndex = 'auto'; 13 outer.style.zIndex = 'auto';
7 inner.style.display = 'none'; 14 inner.style.display = 'none';
8 } 15 }
9 16
10 runRepaintTest(); 17 runPaintInvalidationTest();
11 </script> 18 </script>
12 <div style="position: absolute; top: 10px; left: 10px; height: 100px;"> 19 <div style="position: absolute; top: 10px; left: 10px; height: 100px;">
13 There should be one green box below. A red box may be seen briefly, but the page should settle 20 There should be one green box below. A red box may be seen briefly, but the page should settle
14 on showing only the one green box. Intent is to ensure that we accurately re paint the red box 21 on showing only the one green box. Intent is to ensure that we accurately re paint the red box
15 region when (1) the green box containing the red box ceases to be a stacking context, and (2) 22 region when (1) the green box containing the red box ceases to be a stacking context, and (2)
16 the red box is hidden. 23 the red box is hidden.
17 </div> 24 </div>
18 <div id="outer" style="background-color: green; height: 100px; width: 100px; bac kface-visibility: hidden; position: relative; z-index: 1; top: 270px; left: 270p x;"> 25 <div id="outer" style="background-color: green; height: 100px; width: 100px; bac kface-visibility: hidden; position: relative; z-index: 1; top: 270px; left: 270p x;">
19 <div id="inner" style="background-color: red; height: 100px; width: 100px; p osition: relative;"> 26 <div id="inner" style="background-color: red; height: 100px; width: 100px; p osition: relative;">
20 </div> 27 </div>
21 </div> 28 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698