test_bug1394302.html (727B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=1394302 5 --> 6 <head> 7 <title>Test for Bug 1394302</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 10 <style> 11 #inner { 12 animation: setFontSize 0s forwards; 13 } 14 @keyframes setFontSize { 15 to { font-size: calc(110% + 0.1em); } 16 } 17 </style> 18 </head> 19 <body> 20 <div id=outer> 21 <div id=inner></div> 22 </div> 23 <script> 24 var outer = document.getElementById("outer"); 25 outer.style.fontSize = '10px'; 26 is(getComputedStyle(inner).fontSize, "12px"); 27 28 outer.style.fontSize = '20px'; 29 is(getComputedStyle(inner).fontSize, "24px"); 30 </script> 31 </body> 32 </html>