Blitz - WPT: effect-reference-merge-no-inputs.tentative.html

wpt / css / filter-effects / effect-reference-merge-no-inputs.tentative.html

/css/filter-effects/effect-reference-merge-no-inputs.tentative.html

<!DOCTYPE html>
<title>CSS Filters: feMerge with no input feMergeNode</title>
<link rel="author" title="Fredrik Söderquist" href="mailto:fs@opera.com">
<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#FilterProperty">
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#feMergeElement">
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#feCompositeElement">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=533457">
<link rel="match" href="reference/effect-reference-merge-no-inputs.tentative-ref.html">
<meta name="assert" content="Check that the result of an feMerge with no feMergeNode children is transparent black."/>

<style>
#target {
  width: 100px;
  height: 100px;
  background-color: blue;
  filter: url(#emptyMerge);
}
</style>
<div id="target"></div>
<svg height="0">
  <filter id="emptyMerge">
    <feColorMatrix values="0 0 0 0 0, 0 0 1 0 0, 0 0 0 0 0, 0 0 0 1 0" result="lime"/>
    <feColorMatrix values="0 1 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 1 0" result="red"/>
    <feMerge/>
    <feComposite in2="lime"/>
  </filter>
</svg>

/css/filter-effects/reference/effect-reference-merge-no-inputs.tentative-ref.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: lime"></div>