Index: third_party/WebKit/LayoutTests/csspaint/paint2d-image.html |
diff --git a/third_party/WebKit/LayoutTests/csspaint/background-image-multiple.html b/third_party/WebKit/LayoutTests/csspaint/paint2d-image.html |
similarity index 51% |
copy from third_party/WebKit/LayoutTests/csspaint/background-image-multiple.html |
copy to third_party/WebKit/LayoutTests/csspaint/paint2d-image.html |
index 3a07382aacab05fbed9c3ce048d0cd986687507c..b11e6979aaba8668361c9042ce8392f916de66de 100644 |
--- a/third_party/WebKit/LayoutTests/csspaint/background-image-multiple.html |
+++ b/third_party/WebKit/LayoutTests/csspaint/paint2d-image.html |
@@ -1,34 +1,25 @@ |
<!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); |
+ width: 300px; |
+ height: 300px; |
+ background-image: paint(image); |
+ border-image: url("resources/html5.png"); |
} |
</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); |
+ registerPaint('image', class { |
+ static get inputProperties() { return [ 'border-image-source' ]; }; |
+ paint(ctx, geom, styleMap) { |
+ ctx.drawImage(styleMap.get('border-image-source'), 0, 0); |
} |
}); |
-} |
</script> |
<script> |
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); |
</script> |
-</body> |
-</html> |