Index: third_party/WebKit/LayoutTests/csspaint/background-image-alpha.html |
diff --git a/third_party/WebKit/LayoutTests/csspaint/background-image-alpha.html b/third_party/WebKit/LayoutTests/csspaint/background-image-alpha.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a82bf891b424627753d89fce882cfce11efe8ab1 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/csspaint/background-image-alpha.html |
@@ -0,0 +1,58 @@ |
+<!DOCTYPE html> |
ikilpatrick
2016/06/22 16:00:24
For this test, if you can create an equivalent htm
Gleb Lanbin
2016/06/22 21:23:45
Done.
|
+<html> |
+<head> |
+<script src="../resources/run-after-layout-and-paint.js"></script> |
+<script src="resources/test-runner-paint-worklet.js"></script> |
+<style> |
+ .container { |
+ width: 100px; |
+ height: 100px; |
+ } |
+ #canvas-opaque { |
+ background-image: paint(opaque); |
+ } |
+ |
+ #canvas-nonopaque { |
+ background-image: paint(nonOpaque); |
+ } |
+ |
+ #background { |
+ background-color: yellow; |
+ display: inline-block; |
+ } |
+</style> |
+</head> |
+<body> |
+ |
+<div id="background"> |
+ <div id="canvas-opaque" class="container"></div> |
+ <div id="canvas-nonopaque" class="container"></div> |
+</div> |
+ |
+<script id="code" type="text/worklet"> |
+ |
+registerPaint('opaque', class { |
+ static get alpha() { return false; } |
+ paint(ctx, geom) { |
+ ctx.strokeStyle = 'blue'; |
+ ctx.lineWidth = 4; |
+ ctx.strokeRect(20, 20, 60, 60); |
+ } |
+}); |
+ |
+registerPaint('nonOpaque', class { |
+ static get alpha() { return true; } |
+ paint(ctx, geom) { |
+ ctx.strokeStyle = 'blue'; |
+ ctx.lineWidth = 4; |
+ ctx.strokeRect(20, 20, 60, 60); |
+ } |
+}); |
+ |
+</script> |
+ |
+<script> |
+ importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); |
+</script> |
+</body> |
+</html> |