2 <script src=
"../resources/testharness.js"></script>
3 <script src=
"../resources/testharnessreport.js"></script>
6 <div id='element'
></div>
10 var element
= document
.getElementById('element');
11 var container
= document
.getElementById('container');
14 element
.style
.fontSize
= '10px';
15 element
.style
.border
= 'none';
16 var player
= element
.animate([{borderBottomWidth
: '300px'}, {borderBottomWidth
: '10em'}], 10);
18 player
.currentTime
= 5;
19 element
.style
.border
= 'solid';
20 assert_equals(getComputedStyle(element
).borderBottomWidth
, '200px');
21 }, 'Border width responsive to border style changes');
24 element
.style
.fontSize
= '50px';
25 element
.style
.border
= 'solid';
26 var player
= element
.animate([{borderBottomWidth
: '300px'}, {borderBottomWidth
: '10em'}], 10);
28 player
.currentTime
= 5;
29 element
.style
.fontSize
= '10px';
30 assert_equals(getComputedStyle(element
).borderBottomWidth
, '200px');
31 }, 'Border width responsive to font size changes');