Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / web-animations-api / animations-responsive-backgroundSize.html
blob59557d7fc5ee2c236f0c0b1b28f972e12cf06236
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 container.style.fontSize = '50px';
15 var player = element.animate([{backgroundSize: '300px 30px'}, {backgroundSize: '10em 1em'}], 10);
16 player.pause();
17 player.currentTime = 5;
18 container.style.fontSize = '10px';
19 assert_equals(getComputedStyle(element).backgroundSize, '200px 20px');
20 }, 'Border image width responsive to font size changes');
22 </script>