| Index: third_party/WebKit/LayoutTests/compositing/masks/mask-with-removed-filters.html
|
| diff --git a/third_party/WebKit/LayoutTests/compositing/masks/mask-with-removed-filters.html b/third_party/WebKit/LayoutTests/compositing/masks/mask-with-removed-filters.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..03ca93a9500ca46a6429234152a3c71cccd187fc
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/compositing/masks/mask-with-removed-filters.html
|
| @@ -0,0 +1,39 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +div {
|
| + display: inline-block;
|
| + height: 560px;
|
| + width: 260px;
|
| + border: 1px solid black;
|
| +}
|
| +
|
| +img {
|
| + width: 100%;
|
| + height: 100%;
|
| +}
|
| +
|
| +.composited {
|
| + transform: translateZ(0px);
|
| +}
|
| +
|
| +.alpha-color {
|
| + -webkit-mask-image: url(../resources/star.svg);
|
| +}
|
| +</style>
|
| +<script src="../../resources/run-after-layout-and-paint.js"></script>
|
| +<script>
|
| +runAfterLayoutAndPaint(function() {
|
| + var image = document.getElementById('blur-image');
|
| + image.style.filter = "";
|
| + var imageComposited = document.getElementById('blur-image-composited');
|
| + imageComposited.style.filter="";
|
| +}, true);
|
| +</script>
|
| +
|
| +<p>Testing masks with filters on compositing layers. Left and right columns should look the same.</p>
|
| +<div>
|
| + <img id="blur-image" src="../resources/alpha-gradient-diagonal.png" class="alpha-color">
|
| +</div>
|
| +<div>
|
| + <img id="blur-image-composited" src="../resources/alpha-gradient-diagonal.png" class="alpha-color composited">
|
| +</div>
|
|
|
Chromium Code Reviews
Issue 2689253002:
cc: Add layout test cases for mask tiling. (Closed)
