test_list.html (2606B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Accessible boundaries when page is zoomed</title> 5 <link rel="stylesheet" type="text/css" 6 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> 7 8 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> 9 <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script> 10 11 <script type="application/javascript" 12 src="../common.js"></script> 13 <script type="application/javascript" 14 src="../role.js"></script> 15 <script type="application/javascript" 16 src="../layout.js"></script> 17 18 <script type="application/javascript"> 19 function doTest() { 20 // Inside list 21 var li = getAccessible("insidelist_item"); 22 testBounds(li); 23 24 var [xLI, yLI, widthLI, heightLI] = getBounds(li); 25 var bullet = li.firstChild; 26 var [x, y, width, height] = getBounds(bullet); 27 is(x, xLI, 28 "Bullet x should match to list item x"); 29 ok(y >= yLI, 30 "Bullet y= " + y + " should be not less than list item y=" + yLI); 31 ok(width < widthLI, 32 "Bullet width should be lesser list item width"); 33 ok(height <= heightLI, 34 "Bullet height= " + height + " should be not greater than list item height=" + heightLI); 35 36 // Outside list 37 li = getAccessible("outsidelist_item"); 38 var [xLIElm, yLIElm, widthLIElm, heightLIElm] = getBoundsForDOMElm(li); 39 [xLI, yLI, widthLI, heightLI] = getBounds(li); 40 41 ok(xLI < xLIElm, 42 "Outside list item x=" + xLI + " should be lesser than list item element x=" + xLIElm); 43 is(yLI, yLIElm, 44 "Outside list item y should match to list item element y"); 45 ok(widthLI > widthLIElm, 46 "Outside list item width=" + widthLI + " should be greater than list item element width=" + widthLIElm); 47 ok(heightLI >= Math.trunc(heightLIElm), 48 "Outside list item height=" + heightLI + " should not be less than list item element height=" + heightLIElm); 49 50 SimpleTest.finish(); 51 } 52 53 SimpleTest.waitForExplicitFinish(); 54 addA11yLoadEvent(doTest); 55 </script> 56 </head> 57 <body> 58 59 <a target="_blank" 60 href="https://bugzilla.mozilla.org/show_bug.cgi?id=754627" 61 title="GetBounds on bullet return wrong values"> 62 Mozilla Bug 754627 63 </a> 64 <p id="display"></p> 65 <div id="content" style="display: none"></div> 66 <pre id="test"> 67 </pre> 68 69 <ul style="list-style-position: inside;"> 70 <li id="insidelist_item">item</li> 71 </ul> 72 73 <ul style="list-style-position: outside;"> 74 <li id="outsidelist_item">item</li> 75 </ul> 76 77 </body> 78 </html>