grid-tracks-fractional-fr.html (701B)
1 <!DOCTYPE html> 2 <title>Tests fractional fr-units which should multiply to whole numbers.</title> 3 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1515685"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <div id="target" style="display: grid; grid-template-columns: 1.01fr 0.99fr 1fr; width: 600px;"> 7 <div></div> 8 <div></div> 9 <div></div> 10 </div> 11 <script> 12 test(() => { 13 const [a, b, c] = document.getElementById('target').children; 14 assert_equals(a.getBoundingClientRect().width, 202); 15 assert_equals(b.getBoundingClientRect().width, 198); 16 assert_equals(c.getBoundingClientRect().width, 200); 17 }); 18 </script>