Bug 1513971 [wpt PR 14502] - Regression test for crbug.com/626744, a=testonly
authorFredrik Söderquist <fs@opera.com>
Wed, 19 Dec 2018 11:39:07 +0000
changeset 515024 8058715443bee2dab11a3184042e2b09378896ad
parent 515023 42f5aecff24a2aee8ce97f46552c612934b00591
child 515025 ba204a073a2338fa4f26e97c72361a14d78280a1
push id1953
push userffxbld-merge
push dateMon, 11 Mar 2019 12:10:20 +0000
treeherdermozilla-release@9c35dcbaa899 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1513971, 14502, 626744, 1374988, 616311
milestone66.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1513971 [wpt PR 14502] - Regression test for crbug.com/626744, a=testonly Automatic update from web-platform-tests Regression test for crbug.com/626744 Bug: 626744 Change-Id: I4244c3f0316ceb55bc69655212f6677345b0a6cc Reviewed-on: https://chromium-review.googlesource.com/c/1374988 Reviewed-by: Stephen Chenney <schenney@chromium.org> Commit-Queue: Fredrik Söderquist <fs@opera.com> Cr-Commit-Position: refs/heads/master@{#616311} -- wpt-commits: ceebcb87c70c4015c585754260384a7ccf7ae219 wpt-pr: 14502
testing/web-platform/tests/css/filter-effects/reference/green-100x100.html
testing/web-platform/tests/css/filter-effects/svg-sourcegraphic-currentcolor-dynamic-001.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/filter-effects/reference/green-100x100.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; background-color: green"></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/filter-effects/svg-sourcegraphic-currentcolor-dynamic-001.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<title>Filter Effects: Dynamic 'currentcolor' in SourceGraphic</title>
+<link rel="help" href="https://drafts.fxtf.org/filter-effects/#attr-valuedef-in-sourcegraphic">
+<link rel="match" href="reference/green-100x100.html">
+<style>
+rect {
+  fill: currentColor;
+}
+
+.filtered {
+  filter: url(#filter);
+}
+
+.green {
+  color: green;
+}
+</style>
+<svg style="color: red">
+  <defs>
+    <filter id="filter" color-interpolation-filters="sRGB">
+      <feMerge>
+        <feMergeNode/>
+      </feMerge>
+    </filter>
+  </defs>
+
+  <g class="target filtered">
+    <rect width="50" height="100"/>
+  </g>
+
+  <g class="target">
+    <g class="filtered">
+      <rect x="50" width="50" height="100"/>
+    </g>
+  </g>
+</svg>
+<script>
+requestAnimationFrame(function() {
+  requestAnimationFrame(function() {
+    let targets = document.querySelectorAll('.target');
+    for (let i = 0; i < targets.length; ++i)
+      targets[i].classList.toggle('green');
+  });
+});
+</script>