Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / web-animations-api / animations-responsive-shapeMargin.html
blobc188086246a62627e99604d39527adf03aa35901
1 <!DOCTYPE html>
2 <script src="../resources/testharness.js"></script>
3 <script src="../resources/testharnessreport.js"></script>
5 <div id='container'>
6 <div id='element'></div>
7 </div>
9 <script>
10 var element = document.getElementById('element');
11 var container = document.getElementById('container');
13 test(function() {
14 element.style.fontSize = '10px';
15 element.style.width = '200px';
16 var player = element.animate([{shapeMargin: '3em'}, {shapeMargin: '80%'}], 10);
17 player.pause();
18 player.currentTime = 5;
19 element.style.fontSize = '20px';
20 element.style.width = '100px';
21 assert_equals(getComputedStyle(element).shapeMargin, 'calc(30px + 40%)');
22 }, 'shapeMargin responsive to style changes');
24 </script>