OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE HTML> | |
2 <script src="resources/text-based-repaint.js"></script> | |
3 <script> | |
4 function repaintTest() | |
5 { | |
6 document.getElementById('target1').style.margin = '20px'; | |
7 document.getElementById('target1a').style.margin = '20px'; | |
8 document.getElementById('target2').style.padding = '20px'; | |
9 document.getElementById('target2a').style.padding = '20px'; | |
10 | |
11 var target3 = document.getElementById('target3'); | |
12 target3.style.margin = '20px'; | |
13 target3.style.width = '60px'; | |
14 target3.style.height = '60px'; | |
15 | |
16 var target3a = document.getElementById('target3a'); | |
17 target3a.style.margin = '20px'; | |
18 target3a.style.width = '60px'; | |
19 target3a.style.height = '60px'; | |
20 | |
21 var target4 = document.getElementById('target4'); | |
22 target4.style.padding = '20px'; | |
23 target4.style.width = '60px'; | |
24 target4.style.height = '60px'; | |
25 | |
26 var target4a = document.getElementById('target4a'); | |
27 target4a.style.padding = '20px'; | |
28 target4a.style.width = '60px'; | |
29 target4a.style.height = '60px'; | |
30 } | |
Julien - ping for review
2014/06/29 01:20:32
This test checks a lot of changes at once ideally
Xianzhu
2014/06/30 22:30:34
Done.
Split into 3 tests:
fast/repaint/margin.htm
| |
31 window.onload = runRepaintTest; | |
32 </script> | |
33 <style> | |
34 body { | |
35 margin: 0; | |
36 } | |
37 .outer { | |
38 width: 100px; | |
39 height: 100px; | |
40 position: absolute; | |
41 background-color: green; | |
42 } | |
43 #target1 { | |
44 top: 0px; | |
45 } | |
46 #target1a { | |
47 top: 0px; | |
48 left: 200px; | |
49 } | |
50 #target2 { | |
51 top: 150px; | |
52 } | |
53 #target2a { | |
54 top: 150px; | |
55 left: 200px; | |
56 } | |
57 #target3 { | |
58 top: 300px; | |
59 } | |
60 #target3a { | |
61 top: 300px; | |
62 left: 200px; | |
63 } | |
64 #target4 { | |
65 top: 450px; | |
66 } | |
67 #target4a { | |
68 top: 450px; | |
69 left: 200px; | |
70 } | |
71 .inner { | |
72 width: 100%; | |
73 height: 100%; | |
74 background-color: yellow; | |
75 } | |
76 </style> | |
Julien - ping for review
2014/06/29 01:20:32
Please add the condition for passing and a descrip
Xianzhu
2014/06/30 22:30:34
Added description.
| |
77 <div id="target1" class="outer"></div> | |
78 <div id="target1a" class="outer"><div class="inner"></div></div> | |
79 <div id="target2" class="outer"></div> | |
80 <div id="target2a" class="outer"><div class="inner"></div></div> | |
81 <div id="target3" class="outer"></div> | |
82 <div id="target3a" class="outer"><div class="inner"></div></div> | |
83 <div id="target4" class="outer"></div> | |
84 <div id="target4a" class="outer"><div class="inner"></div></div> | |
OLD | NEW |