Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(409)

Unified Diff: LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image.html

Issue 22596003: Fix background blending for some cases where it did not work at all. The fix adds the blendMode par… (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: adding TestExpectation lines for rebaselining Created 7 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image.html
diff --git a/LayoutTests/css3/compositing/background-blend-mode-image-svg.html b/LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image.html
similarity index 64%
copy from LayoutTests/css3/compositing/background-blend-mode-image-svg.html
copy to LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image.html
index f56055f68dbf66aaee666a867b575382bd1d20d7..ac53feef385eb51d6c88c3813f665e73e4bfc947 100644
--- a/LayoutTests/css3/compositing/background-blend-mode-image-svg.html
+++ b/LayoutTests/css3/compositing/background-blend-mode-data-uri-svg-image.html
@@ -3,14 +3,14 @@
<head>
<style>
div {
- margin: 5px;
- width: 130px;
- height: 130px;
- background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, url('resources/blue-circle.svg');
- float: left;
+ border: 5px navy;
+ border-style: dotted double;
+ background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiPgogIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQwIiBmaWxsPSJyZWQiLz4KPC9zdmc+'), green;
+ width: 200px;
+ height: 200px;
}
</style>
-<!-- This file should contain a duck on top of an svg with every type of blending. -->
+<!-- This file should contain an svg circle on top of a solid color green background, with every type of blending. The container should have a visible border. -->
<body>
<div style="background-blend-mode: normal, normal"></div>
<div style="background-blend-mode: multiply, normal"></div>
@@ -24,7 +24,7 @@
<div style="background-blend-mode: soft-light, normal"></div>
<div style="background-blend-mode: difference, normal"></div>
<div style="background-blend-mode: exclusion, normal"></div>
- <div style="background-blend-mode: hue, normal;"></div>
+ <div style="background-blend-mode: hue, normal"></div>
<div style="background-blend-mode: saturation, normal"></div>
<div style="background-blend-mode: color, normal"></div>
<div style="background-blend-mode: luminosity, normal"></div>

Powered by Google App Engine
This is Rietveld 408576698