wpt / css / filter-effects / tainting-fespecularlighting-001.html

Status: FAIL | Duration: 9ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/filter-effects/tainting-fespecularlighting-001.html

<!DOCTYPE html>
<title>feSpecularLighting: no tainting with regular &lt;color> lighting-color</title>
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
<link rel="match" href="reference/green-blue-stripe-100x100.html">
<svg>
  <linearGradient id="g">
    <stop stop-color="red"/>
    <stop stop-color="red" offset=".5"/>
    <stop stop-color="green" offset=".5"/>
    <stop stop-color="green" offset="1"/>
  </linearGradient>
  <filter id="specular_notaint" color-interpolation-filters="sRGB"
          filterUnits="userSpaceOnUse">
    <feFlood/>
    <feSpecularLighting lighting-color="rgb(0%, 100%, 50%)">
      <feDistantLight elevation="90"/>
    </feSpecularLighting>
    <feDisplacementMap in="SourceGraphic"
                       xChannelSelector="G" yChannelSelector="B"
                       scale="100"/>
  </filter>
  <rect width="100" height="100" fill="blue"/>
  <rect width="100" height="100" fill="url(#g)"
        filter="url(#specular_notaint)"/>
</svg>

/css/filter-effects/reference/green-blue-stripe-100x100.html

<!DOCTYPE html>
<div style="width: 50px; height: 100px; background-color: blue; border-left: 50px solid green"></div>