<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<div id="target"></div>
<script>
test(() => {
  target.style.backgroundPosition = 'right 20px bottom 20px';
  target.animate({backgroundPosition: 'left 20px top 20px'}, {iterationStart: 0.5, fill: 'forwards'});
  assert_equals(getComputedStyle(target).backgroundPosition, '50% 50%');
}, 'Don\'t ignore the specified edge of the underlying background-position value in animations');
</script>