Blitz - WPT: background-image-gradient.html

wpt / css / css-typed-om / background-image-gradient.html

/css/css-typed-om/background-image-gradient.html

<!DOCTYPE html>
<title>Set gradient to background-image</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om/#the-stylepropertymap">
<link rel="author" title="CGQAQ" href="mailto:cgqaq@chromium.org">
<link rel="match" href="background-image-gradient-ref.html">
<meta name="assert" content="Should show as green rect.">
<style>
  div {
    width: 100px;
    height: 100px;
  }
</style>
<div id="target">
</div>
<script>
  target.attributeStyleMap.set('background-image', 'linear-gradient(green, green)');
  target.attributeStyleMap.set('background-color', 'red');
</script>
<p>
  There should be a green rect above.
</p>

/css/css-typed-om/background-image-gradient-ref.html

<!DOCTYPE html>
<style>
  div {
    width: 100px;
    height: 100px;
    background-color: green;
  }
</style>
<div id="target">
</div>
<p>
  There should be a green rect above.
</p>