summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/filter-effects/effect-reference-feimage-003.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--testing/web-platform/tests/css/filter-effects/effect-reference-feimage-003.html33
1 files changed, 33 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/filter-effects/effect-reference-feimage-003.html b/testing/web-platform/tests/css/filter-effects/effect-reference-feimage-003.html
new file mode 100644
index 0000000000..887f5ff212
--- /dev/null
+++ b/testing/web-platform/tests/css/filter-effects/effect-reference-feimage-003.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>CSS Filters: feImage and CSS reference filters.</title>
+<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#feImageElement">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#FilterProperty">
+<link rel="match" href="reference/effect-reference-feimage-003-ref.html">
+<meta name="assert" content="This test ensures that CSS reference filters support a dynamically attached feImage."/>
+<body>
+
+<style>
+ #filtered {
+ width: 160px;
+ height: 90px;
+ filter: url(#imagereplace);
+ }
+</style>
+
+<script type="text/html" id="source">
+ <div id="filtered"></div>
+ <svg width="0" height="0">
+ <filter id="imagereplace" x="0%" y="0" width="100%" height="100%">
+ <feimage xlink:href="support/color-palette.png"/>
+ </filter>
+ </svg>
+</script>
+
+<script>
+ document.body.offsetLeft;
+ var div = document.createElement('div');
+ div.innerHTML = document.getElementById('source').textContent;
+ document.body.appendChild(div);
+</script>
+
+</body>