mask-border-slice-interpolation-stability.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-masking/animations/mask-border-slice-interpolation-stability.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="UTF-8">

<title>mask-border-slice interpolation stability</title>

<link rel="help" href="https://drafts.fxtf.org/css-masking/#propdef-mask-border-slice">

<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">

<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>