Index: third_party/WebKit/LayoutTests/csspaint/style-first-letter-pseudo.html |
diff --git a/third_party/WebKit/LayoutTests/csspaint/style-first-letter-pseudo.html b/third_party/WebKit/LayoutTests/csspaint/style-first-letter-pseudo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..dcfcaa7d7696af4ba1eaad671be017fa4f7d0e40 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/csspaint/style-first-letter-pseudo.html |
@@ -0,0 +1,37 @@ |
+<!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 { |
+ color: rgb(0, 255, 0); |
+ line-height: 1px; |
+ } |
+ |
+ div::first-letter { |
+ background-image: paint(test); |
+ color: rgb(255, 0, 0); |
+ line-height: 2px; |
+ } |
+</style> |
+</head> |
+<body> |
+<div>Foo</div> |
+<script> |
+ if (window.testRunner) |
+ testRunner.dumpAsText(); |
+ |
+ importPaintWorkletAndTerminateTestAfterAsyncPaint( |
+ generatePaintStyleLogging([ |
+ 'color', |
+ 'line-height', |
+ ])); |
+</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> |
+color: rgb(255, 0, 0)<br> |
+line-height: 2px<br> |
+</body> |
+</html> |