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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/outline-change-offset.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/outline-change-offset.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='indicator'",
7 "LayoutBlockFlow (positioned) DIV id='target'",
8 ];
9 function paintInvalidationTest() {
5 document.getElementById('target').style.outlineOffset = '10px'; 10 document.getElementById('target').style.outlineOffset = '10px';
6 } 11 }
7 onload = runRepaintTest; 12 onload = runPaintInvalidationTest;
8 </script> 13 </script>
9 14
10 <style> 15 <style>
11 div { 16 div {
12 position: absolute; 17 position: absolute;
13 top: 50px; 18 top: 50px;
14 left: 50px; 19 left: 50px;
15 width: 100px; 20 width: 100px;
16 height: 100px; 21 height: 100px;
17 } 22 }
18 23
19 #target { 24 #target {
20 outline: green solid 5px; 25 outline: green solid 5px;
21 outline-offset: 5px; 26 outline-offset: 5px;
22 } 27 }
23 28
24 #indicator { 29 #indicator {
25 outline: red solid 5px; 30 outline: red solid 5px;
26 outline-offset: 10px; 31 outline-offset: 10px;
32 }
27 </style> 33 </style>
28 34
29 Box should be repainted when outline-offset style changes. Passes if no red. 35 Box should be repainted when outline-offset style changes. Passes if no red.
30 <div id="indicator"></div> 36 <div id="indicator"></div>
31 <div id="target"></div> 37 <div id="target"></div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698