OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script src="../resources/run-after-layout-and-paint.js"></script> | |
5 <script src="resources/test-runner-geometry-logging.js"></script> | |
6 <style> | |
7 div { | |
8 background-color: red; | |
9 } | |
10 </style> | |
11 <script> | |
12 function runTest() { | |
13 testRunnerGeometryLogging([{ | |
14 func: function(el) { | |
15 el.style.width = '100px'; | |
16 el.style.height = '100px'; | |
17 el.style.background = 'paint(logging-green) top left/50% 50% repeat- x'; | |
18 }, | |
19 expected: {width: 50, height: 50}, | |
20 }, { | |
21 func: function(el) { | |
22 el.style.width = '200px'; | |
chrishtr
2016/04/26 01:13:42
Nit: It would be clearer if you made it 100px x 10
ikilpatrick
2016/04/26 16:57:41
Done.
| |
23 el.style.height = '200px'; | |
24 el.style.background = 'paint(logging-green) center right/50% 20% no- repeat'; | |
25 }, | |
26 expected: {width: 100, height: 40}, | |
27 }, { | |
28 func: function(el) { | |
29 el.style.width = '100px'; | |
30 el.style.height = '100px'; | |
31 el.style.background = 'paint(logging-green) center center/60px 80px no-repeat'; | |
32 }, | |
33 expected: {width: 60, height: 80}, | |
34 }]); | |
35 } | |
36 </script> | |
37 </head> | |
38 <body onload="runTest()"> | |
39 <p>This tests the geometry information in the paint callback.</p> | |
40 <p>See the devtools console for test output.</p> | |
41 </body> | |
42 </html> | |
OLD | NEW |