test_bug1825384.html (1881B)
1 <!DOCTYPE HTML> 2 <title>Test for Bug 1825384</title> 3 <style> 4 div { 5 display: inline-block; 6 } 7 8 table { 9 border-collapse: collapse; 10 } 11 12 td { 13 border: 10px solid black; 14 line-height: 0; 15 padding: 0; 16 } 17 18 span { 19 display: inline-block; 20 width: 10px; 21 height: 10px; 22 background: grey; 23 } 24 25 </style> 26 <script src="/tests/SimpleTest/SimpleTest.js"></script> 27 <script src="/tests/SimpleTest/WindowSnapshot.js"></script> 28 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 29 <script class="testbody" type="text/javascript"> 30 function raf() { 31 return new Promise(resolve => { 32 requestAnimationFrame(resolve); 33 }); 34 } 35 36 const zoomsToTest = [ 37 110, 38 120, 39 130, 40 140, 41 150, 42 160, 43 170, 44 180, 45 190, 46 200, 47 ]; 48 49 const originalZoom = SpecialPowers.getFullZoom(window); 50 SimpleTest.waitForExplicitFinish(); 51 52 add_task(async () => { 53 const s1 = await snapshotRect(window, emptyrows.getBoundingClientRect()); 54 for (let i = 0; i < zoomsToTest.length; ++i) { 55 let relativeZoom = originalZoom * zoomsToTest[i] / 100; 56 SpecialPowers.setFullZoom(window, relativeZoom); 57 await raf(); 58 } 59 SpecialPowers.setFullZoom(window, originalZoom); 60 await raf(); 61 const s2 = await snapshotRect(window, emptyrows.getBoundingClientRect()); 62 assertSnapshots(s1, s2, true, null, "before", "after"); 63 }); 64 add_task(async () => { SpecialPowers.setFullZoom(window, originalZoom); }); 65 </script> 66 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1825384">Mozilla Bug 1825384</a><br> 67 <div id="emptyrows"> 68 <table> 69 <tr><td><span></span></td><td><span></span></td><td><span></span></td></tr> 70 <tr></tr> 71 <tr><td><span></span></td><td><span></span></td><td><span></span></td></tr> 72 <tr></tr> 73 <tr><td><span></span></td><td><span></span></td><td><span></span></td></tr> 74 <tr></tr> 75 <tr><td><span></span></td><td><span></span></td><td><span></span></td></tr> 76 </table> 77 </div>