Chromium Code Reviews Chromium Code Reviews
Issue 1987943002:
[wip] unprefix filter
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/svg/filters/svg-element-invalid-filter.html |
| diff --git a/third_party/WebKit/LayoutTests/svg/filters/svg-element-invalid-filter.html b/third_party/WebKit/LayoutTests/svg/filters/svg-element-invalid-filter.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..aceacfbcc5508999cc5fe816dd4b666003e74846 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/svg/filters/svg-element-invalid-filter.html |
| @@ -0,0 +1,102 @@ |
| +<!doctype html> |
| +<html> |
|
fs
2016/05/23 12:29:52
Drop.
Noel Gordon
2016/05/29 04:15:28
Done.
|
| + |
| +<style> |
| + svg { |
| + width: 100px; |
| + height: 100px; |
| + margin: 10px; |
| + } |
| + |
| + #test-root { |
| + position: absolute; |
| + left: 10px; |
| + top: 10px; |
| + } |
| + |
| + #test-child { |
| + position: absolute; |
| + left: 10px; |
| + top: 130px; |
| + } |
| +</style> |
| + |
| +<body> |
|
fs
2016/05/23 12:29:52
Drop.
Noel Gordon
2016/05/29 04:15:28
Done.
|
| +<p id="test-root"> |
| + |
| +<!-- SVG root element: the first filter is valid, the rest are not. --> |
|
fs
2016/05/23 12:29:52
I'd expected the second and third to pass as well.
Noel Gordon
2016/05/29 04:15:28
They don't per SVG1.1, only a url() filter is vali
|
| + |
| +<svg style="filter: url(#filter)" viewBox="0 0 50 50"> |
| + <filter id='filter'> |
| + <feColorMatrix type='hueRotate' values='90'/> |
| + </filter> |
| + <rect fill="red" x="0" y="0" height="50" width="50"/> |
| +</svg> |
| + |
| +<svg style="filter: blur(2px)" viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50"/> |
| +</svg> |
| + |
| +<svg style="filter: url(#filter) blur(2px)" viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50"/> |
| +</svg> |
| + |
| +<svg style="filter: url(#missing)" viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50"/> |
| +</svg> |
| + |
| +<svg style="filter: url(invalid)" viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50"/> |
| +</svg> |
| + |
| +<svg style="filter: url(invalid#missing)" viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50"/> |
| +</svg> |
| + |
| +<svg style="filter: url(filter)" viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50"/> |
| +</svg> |
| +</p> |
| + |
| +<p id="test-child"> |
| + |
| +<!-- SVG child element: the first filter is valid, the rest are not. --> |
| + |
| +<svg viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50" |
| + style="filter: url(#filter)"/> |
| +</svg> |
| + |
| +<svg viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50" |
| + style="filter: url(#filter) blur(2px)"/> |
| +</svg> |
| + |
| +<svg viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50" |
| + style="filter: blur(2px)"/> |
| +</svg> |
| + |
| +<svg viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50" |
| + style="filter: url(#missing)"/> |
| +</svg> |
| + |
| +<svg viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50" |
| + style="filter: url(invalid)"/> |
| +</svg> |
| + |
| +<svg viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50" |
| + style="filter: url(invalid#missing)"/> |
| +</svg> |
| + |
| +<svg viewBox="0 0 50 50"> |
| + <rect fill="red" x="0" y="0" height="50" width="50" |
| + style="filter: url(filter)"/> |
| +</svg> |
| +</p> |
| + |
| +</body> |
| +</html> |
