summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-backgrounds/animations/border-image-slice-interpolation-stability.html
blob: 26431334e4acf13f6c095868a0e9cee6926a9ef1 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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>