<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<div id="target"></div>
<script>
test(() => {
  var firstAnimation = target.animate([{visibility: 'hidden'}, {visibility: 'visible'}], 1);
  var secondAnimation = target.animate({visibility: 'collapse'}, 1);
  firstAnimation.pause();
  firstAnimation.currentTime = 0;
  secondAnimation.pause();
  secondAnimation.currentTime = 0.75;
  assert_equals(getComputedStyle(target).visibility, 'collapse');
  firstAnimation.currentTime = 0.1;
  assert_equals(getComputedStyle(target).visibility, 'visible');
}, "Visibility animations with neutral keyframes should be responsive to animations they're stacked on top of.");
</script>