| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../resources/run-after-layout-and-paint.js"></script> |
| <script src="resources/test-runner-paint-worklet.js"></script> |
| <script src="resources/generate-paint-style-logging.js"></script> |
| <style> |
| div { |
| border-radius: 3px; |
| } |
| |
| div::before { |
| width: 100px; |
| height: 100px; |
| content: 'foo'; |
| |
| background-image: paint(test); |
| border-radius: 2px; |
| --foo: bar; |
| } |
| </style> |
| </head> |
| <body> |
| <div></div> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| importPaintWorkletAndTerminateTestAfterAsyncPaint( |
| generatePaintStyleLogging([ |
| '--bar', |
| '--foo', |
| 'border-radius', |
| ])); |
| </script> |
| <p>This tests the style information in the paint callback.</p> |
| <p>See the devtools console for test output. The console should log:</p> |
| --bar: [null]<br> |
| --foo: bar<br> |
| border-radius: 2px |
| </body> |
| </html> |
