Move parseFontFaceDescriptor to CSSPropertyParser.cpp
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / web-animations-api / animations-responsive-perspective.html
blob3153ebc22884653947038e5441111c5d05ca6ac7
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 var player = element.animate([{perspective: '3em'}, {perspective: '5em'}], 10);
16 player.pause();
17 player.currentTime = 5;
18 element.style.fontSize = '20px';
19 assert_equals(getComputedStyle(element).perspective, '80px');
20 }, 'perspective responsive to style changes');
22 test(function() {
23 element.style.fontSize = '10px';
24 var player = element.animate([{perspective: '40px'}, {perspective: 'calc(40px - 2em)'}], 10);
25 player.pause();
27 player.currentTime = 5;
28 element.style.fontSize = '40px';
29 assert_equals(getComputedStyle(element).perspective, 'none');
31 player.currentTime = 7.5;
32 assert_equals(getComputedStyle(element).perspective, 'none');
33 }, 'perspective clamped to none');
35 </script>