cap-invalidation.html (906B)
1 <!DOCTYPE html> 2 <title>CSS Values and Units Test: cap invalidation</title> 3 <link rel="author" title="Daniil Sakhapov" href="sakhapov@google.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-values/#font-relative-lengths"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <style> 8 @import url("/fonts/ahem.css"); 9 html { 10 font-family: 'Ahem'; 11 font-size: 40px; 12 } 13 div { 14 width: 10cap; 15 } 16 </style> 17 18 <html> 19 <div id="div"></div> 20 </html> 21 22 <script> 23 setup({ single_test: true }); 24 document.fonts.ready.then(() => { 25 let old_width = div.getBoundingClientRect().width; 26 document.documentElement.style.fontFamily = "sans-serif"; 27 let new_width = div.getBoundingClientRect().width; 28 assert_not_equals(old_width, new_width, "expect the capital height of Ahem and sans-serif to be different"); 29 done(); 30 }); 31 </script>