Index: third_party/WebKit/LayoutTests/csspaint/background-image-multiple.html |
diff --git a/third_party/WebKit/LayoutTests/csspaint/background-image-multiple.html b/third_party/WebKit/LayoutTests/csspaint/background-image-multiple.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3a07382aacab05fbed9c3ce048d0cd986687507c |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/csspaint/background-image-multiple.html |
@@ -0,0 +1,34 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script src="../resources/run-after-layout-and-paint.js"></script> |
+<script src="resources/test-runner-paint-worklet.js"></script> |
+<style> |
+ #output { |
+ width: 100px; |
+ height: 100px; |
+ background-image: paint(n0), paint(n1), paint(n2); |
+ } |
+</style> |
+</head> |
+<body> |
+<div id="output"></div> |
+ |
+<script id="code" type="text/worklet"> |
+var colors = ['red', 'green', 'blue']; |
+ |
+for (let i = 0; i < 3; i++) { |
+ registerPaint('n' + i, class { |
+ paint(ctx, geom) { |
+ ctx.fillStyle = colors[i]; |
+ ctx.fillRect(i * 20, i * 20, 40, 40); |
+ } |
+ }); |
+} |
+</script> |
+ |
+<script> |
+ importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); |
+</script> |
+</body> |
+</html> |