Index: third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html |
diff --git a/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html b/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html |
deleted file mode 100644 |
index 54924e2004454e56d7de96c6062086bfb68f92df..0000000000000000000000000000000000000000 |
--- a/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html |
+++ /dev/null |
@@ -1,56 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
-<head> |
- <style> |
- .box { |
- position: absolute; |
- width: 100px; |
- height: 100px; |
- margin: 10px; |
- background-color: green; |
- } |
- |
- .test { |
- -webkit-mask-image: -webkit-canvas(viewport-mask); |
- -webkit-mask-position: 50% 50%; |
- } |
- |
- .composited { |
- transform: translateZ(0); |
- } |
- |
- .indicator { |
- background-color: red; |
- } |
- |
- .outlined { |
- outline: 40px solid transparent; |
- } |
- </style> |
- <script> |
- if (window.testRunner) |
- testRunner.dumpAsTextWithPixelResults(); |
- |
- function drawMask() |
- { |
- var canvasWidth = 100; |
- var canvasHeight = 100; |
- var ctx = document.getCSSCanvasContext('2d', 'viewport-mask', canvasWidth, canvasHeight) |
- ctx.fillStyle = "rgba(0, 0, 0, 1)"; |
- ctx.fillRect(0, 0, canvasWidth, canvasHeight); |
- } |
- |
- window.addEventListener('load', drawMask, false); |
- </script> |
-</head> |
-<body> |
- <!-- You should see two green boxes side by side, and no red. --> |
- <div class="indicator box" style="left: 10px;"></div> |
- <div class="indicator box" style="left: 120px;"></div> |
- |
- <div class="test box" style="left: 10px;"></div> |
- <div class="composited test box" style="left: 120px"></div> |
- |
- <div class="outlined"></div> |
-</body> |
-</html> |