border-image-slice-interpolation-stability.html (672B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>border-image-slice interpolation stability</title> 4 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-slice"> 5 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 9 <div id="target"></div> 10 <script> 11 test(function() { 12 var player = target.animate([ 13 {borderImageSlice: '50'}, 14 {borderImageSlice: '50'}, 15 ], { 16 duration: 1, 17 fill: 'forwards', 18 easing: 'cubic-bezier(0, 1.5, 1, 1.5)', 19 }); 20 player.pause(); 21 player.currentTime = 0.6345195996109396 22 assert_equals(getComputedStyle(target).borderImageSlice, '50'); 23 }); 24 </script>