Blitz - WPT: bad-mask-image-svg-2.html

wpt / css / css-masking / mask-image / bad-mask-image-svg-2.html

/css/css-masking/mask-image/bad-mask-image-svg-2.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>SVG with invalid mask-image (url())</title>
<link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-mask-image">
<link rel="match" href="reference/mask-image-ref.html">
<style>
  svg > rect {
    /* Single invalid mask layer: Mask is ignored. */
    mask-image: url("invalid://nonexistent");
  }
</style>
<p>The test passes if there is a green square and no red below.</p>
<svg height="200">
  <rect width="200" height="200" fill="green"/>
</svg>

/css/css-masking/mask-image/reference/mask-image-ref.html

<!DOCTYPE html>
<title>CSS Reference: mask-image</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style>
#ref {
  position: absolute;
  width: 200px;
  height: 200px;
  background: green;
}
</style>
<p>The test passes if there is a green square and no red below.</p>
<div id="ref"></div>