| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../resources/run-after-layout-and-paint.js"></script> |
| <script src="resources/test-runner-geometry-logging.js"></script> |
| <style> |
| div { |
| background-image: paint(logging-green); |
| background-color: red; |
| } |
| </style> |
| <script> |
| function runTest() { |
| testRunnerGeometryLogging([{ |
| func: function(el) { |
| el.style.width = '100px'; |
| el.style.height = '100px'; |
| }, |
| expected: {width: 100, height: 100}, |
| }, { |
| func: function(el) { |
| el.style.width = '200px'; |
| el.style.height = '200px'; |
| }, |
| expected: {width: 200, height: 200}, |
| }, { |
| func: function(el) { |
| el.style.width = '100px'; |
| el.style.height = '100px'; |
| if (window.internals) |
| window.internals.setPageScaleFactor(2); |
| }, |
| expected: {width: 100, height: 100}, |
| }]); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p>This tests the geometry information in the paint callback.</p> |
| <p>See the devtools console for test output.</p> |
| </body> |
| </html> |