test_meter.html (2715B)
1 <html> 2 3 <head> 4 <title>nsIAccessible value testing for meter element</title> 5 6 <link rel="stylesheet" type="text/css" 7 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> 8 9 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> 10 11 <script type="application/javascript" 12 src="../common.js"></script> 13 <script type="application/javascript" 14 src="../value.js"></script> 15 16 <script src="chrome://mochikit/content/chrome-harness.js"></script> 17 18 <script type="application/javascript"> 19 function doTest() { 20 // HTML5 meter element tests 21 testValue("nothing", "0", 0, 0, 1, 0); 22 testValue("minOnly", "20", 20, 20, 20, 0); 23 testValue("maxOnly", "0", 0, 0, 20, 0); 24 testValue("valOnly", "1", 1, 0, 1, 0); 25 testValue("regular", "15", 15, 10, 30, 0); 26 testValue("noMin", "10", 10, 0, 100, 0); 27 testValue("noMax", "5", 5, 5, 5, 0); 28 testValue("noVal", "10", 10, 10, 20, 0); 29 testValue("invalidValue", "20", 20, 10, 20, 0); 30 testValue("invalidMax", "10", 10, 10, 10, 0); 31 testValue("invalidValueMax", "20", 20, 20, 20, 0); 32 33 testValue("plainText", "Hello world", 0, 0, 1, 0); 34 testValue("regularText", "You scored 15 out of 30", 15, 10, 30, 0); 35 testValue("invalidText", "Something isnt right here", 20, 20, 20, 0); 36 37 testValue("valueText", "value", 0, 0, 1, 0); 38 SimpleTest.finish(); 39 } 40 41 SimpleTest.waitForExplicitFinish(); 42 addA11yLoadEvent(doTest); 43 </script> 44 45 </head> 46 47 <body> 48 49 <a target="_blank" 50 href="https://bugzilla.mozilla.org/show_bug.cgi?id=1460378" 51 title="HTML <meter> not spoken by screen readers"> 52 Mozilla Bug 559773 53 </a><br /> 54 <p id="display"></p> 55 <div id="content" style="display: none"> 56 </div> 57 <pre id="test"> 58 </pre> 59 60 <meter id="nothing"></meter> 61 62 <meter id="minOnly" min="20"></meter> 63 <meter id="maxOnly" max="20"></meter> 64 <meter id="valOnly" value="20"></meter> 65 66 <meter id="regular" min="10" value="15" max="30"></meter> 67 68 <meter id="noMin" value="10" max="100"></meter> 69 <meter id="noMax" min="5" value="10"></meter> 70 <meter id="noVal" min="10" max="20"></meter> 71 72 <meter id="invalidValue" min="10" value="30" max="20"></meter> 73 <meter id="invalidMax" min="10" value="15" max="2"></meter> 74 <meter id="invalidValueMax" min="20" value="17" max="10"></meter> 75 76 <meter id="plainText">Hello world</meter> 77 <meter id="regularText" min="10" value="15" max="30">You scored 15 out of 30</meter> 78 <meter id="invalidText" min="20" value="17" max="10">Something isnt right here</meter> 79 80 <meter id="valueText" aria-valuetext="value">valuetext should take precedence over internal text</meter> 81 </body> 82 </html>