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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/box-sizing-border-keeping-size.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/box-sizing-border-keeping-size.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 (positioned) DIV id='target1' class='content-box'",
7 "LayoutBlockFlow (positioned) DIV id='target2' class='border-box'",
8 ];
9 function paintInvalidationTest()
5 { 10 {
6 document.getElementById('target1').className = 'content-box'; 11 document.getElementById('target1').className = 'content-box';
7 document.getElementById('target2').className = 'border-box'; 12 document.getElementById('target2').className = 'border-box';
8 } 13 }
9 window.onload = runRepaintTest; 14 window.onload = runPaintInvalidationTest;
10 </script> 15 </script>
11 <style> 16 <style>
12 body { 17 body {
13 margin: 0; 18 margin: 0;
14 } 19 }
15 div { 20 div {
16 position: absolute; 21 position: absolute;
17 background-color: green; 22 background-color: green;
18 } 23 }
19 .border-box { 24 .border-box {
20 width: 100px; 25 width: 100px;
21 height: 100px; 26 height: 100px;
22 box-sizing: border-box; 27 box-sizing: border-box;
23 } 28 }
24 .content-box { 29 .content-box {
25 width: 60px; 30 width: 60px;
26 height: 60px; 31 height: 60px;
27 box-sizing: content-box; 32 box-sizing: content-box;
28 border: blue solid 20px; 33 border: blue solid 20px;
29 } 34 }
30 </style> 35 </style>
31 <div id="target1" class="border-box" style="top: 0px"></div> 36 <div id="target1" class="border-box" style="top: 0px"></div>
32 <div id="target2" class="content-box" style="top: 200px"></div> 37 <div id="target2" class="content-box" style="top: 200px"></div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698