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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/remove-inline-block-descendant-of-flex.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/remove-inline-block-descendant-of-flex.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 "InlineTextBox '\n'",
7 "LayoutBR BR",
8 "RootInlineBox",
9 "LayoutBlockFlow DIV id='inline-block-1' class='item'",
10 "InlineBox",
11 "LayoutText #text",
12 "RootInlineBox",
13 "InlineBox",
14 "RootInlineBox",
15 "InlineBox",
16 "RootInlineBox",
17 "LayoutBlockFlow DIV",
18 "LayoutBlockFlow DIV id='inline-block-2' class='item'",
19 "LayoutBR BR",
20 "InlineTextBox '\n'",
21 ];
22 function paintInvalidationTest() {
5 document.getElementById('inline-block-1').style.display = 'none'; 23 document.getElementById('inline-block-1').style.display = 'none';
6 } 24 }
7 onload = runRepaintTest; 25 onload = runPaintInvalidationTest;
8 </script> 26 </script>
9 <style> 27 <style>
10 body { 28 body {
11 margin : 0; 29 margin : 0;
12 } 30 }
13 .item { 31 .item {
14 display: inline-block; 32 display: inline-block;
15 height: 100px; 33 height: 100px;
16 width: 100px; 34 width: 100px;
17 } 35 }
18 </style> 36 </style>
19 Tests paint invalidation of inline blocks following an inline-block that is remo ved. 37 Tests paint invalidation of inline blocks following an inline-block that is remo ved.
20 Passes if there is only one green square at the top-left corner of the window. 38 Passes if there is only one green square at the top-left corner of the window.
21 <div style="display: flex; height: 300px; position: absolute; top: 100px"> 39 <div style="display: flex; height: 300px; position: absolute; top: 100px">
22 <div style="display: flex"> 40 <div style="display: flex">
23 <div style="width: 100px"> 41 <div style="width: 100px">
24 <div id="inline-block-1" class="item" style="background-color: red"><br></ div> 42 <div id="inline-block-1" class="item" style="background-color: red"><br></ div>
25 <div id="inline-block-2" class="item" style="background-color: green"><br> </div> 43 <div id="inline-block-2" class="item" style="background-color: green"><br> </div>
26 </div> 44 </div>
27 </div> 45 </div>
28 </div> 46 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698