Index: third_party/WebKit/LayoutTests/csspaint/background-image-tiled.html |
diff --git a/third_party/WebKit/LayoutTests/csspaint/background-image-tiled.html b/third_party/WebKit/LayoutTests/csspaint/background-image-tiled.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..1b52bb6e465fc4d7b27ee2344c83a0cc47870da5 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/csspaint/background-image-tiled.html |
@@ -0,0 +1,48 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<script src="../resources/run-after-layout-and-paint.js"></script> |
+<script src="resources/test-runner-paint-worklet.js"></script> |
+<style> |
+ div { |
+ display: inline-block; |
+ width: 100px; |
+ height: 100px; |
+ } |
+ |
+ #one { |
+ background: |
+ paint(ellipse) top left/50% 50% repeat-x, |
+ paint(ellipse) bottom left/100% 50% no-repeat; |
+ } |
+ |
+ #two { |
+ background: |
+ paint(ellipse) top left/50% 20% repeat-y, |
+ paint(ellipse) center right/50% 50% no-repeat; |
+ } |
+</style> |
+</head> |
+<body> |
+<div id="one"></div> |
+<div id="two"></div> |
+ |
+<script id="code" type="text/worklet"> |
+registerPaint('ellipse', class { |
+ paint(ctx, geom) { |
+ var x = geom.width / 2; |
+ var y = geom.height / 2; |
+ |
+ ctx.fillStyle = 'green'; |
+ ctx.beginPath(); |
+ ctx.ellipse(x, y, x - 1, y - 1, 0, 0, 2 * Math.PI); |
+ ctx.fill(); |
+ } |
+}); |
+</script> |
+ |
+<script> |
+ importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); |
+</script> |
+</body> |
+</html> |