testing/web-platform/tests/css/css-backgrounds/animations/border-image-slice-interpolation-stability.html
author Emilio Cobos Álvarez <emilio@crisal.io>
Thu, 10 Jul 2025 09:08:54 +0000 (5 hours ago)
changeset 795952 1d422913e1cb1658224a2d269f8e4c9e80032d29
parent 505344 4fbac85ea27a2f7841d0efb0e53da59b14c22a19
permissions -rw-r--r--
Bug 1976623 - Create drag popups eagerly for now. r=tnikkel,layout-reviewers Trivially restores pre-regression behavior, for now. Differential Revision: https://phabricator.services.mozilla.com/D256769
<!DOCTYPE html>
<meta charset="UTF-8">
<title>border-image-slice interpolation stability</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-slice">

<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

<div id="target"></div>
<script>
test(function() {
  var player = target.animate([
    {borderImageSlice: '50'},
    {borderImageSlice: '50'},
  ], {
    duration: 1,
    fill: 'forwards',
    easing: 'cubic-bezier(0, 1.5, 1, 1.5)',
  });
  player.pause();
  player.currentTime = 0.6345195996109396
  assert_equals(getComputedStyle(target).borderImageSlice, '50');
});
</script>