test_figure.html (1684B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>HTML5 figure/figcaption tests</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 10 <script type="application/javascript" 11 src="../common.js"></script> 12 <script type="application/javascript" 13 src="../role.js"></script> 14 <script type="application/javascript" 15 src="../attributes.js"></script> 16 <script type="application/javascript" 17 src="../relations.js"></script> 18 <script type="application/javascript" 19 src="../name.js"></script> 20 21 <script type="application/javascript"> 22 23 function doTest() { 24 testRole("figure", ROLE_FIGURE); 25 testRole("figcaption", ROLE_CAPTION); 26 27 todo(false, "figure name gets extra whitespace in the end!"); 28 testName("figure", "figure caption"); 29 testName("figcaption", null); 30 31 testRelation("figure", RELATION_LABELLED_BY, "figcaption"); 32 testRelation("figcaption", RELATION_LABEL_FOR, "figure"); 33 34 testAttrs("figure", {"xml-roles": "figure"}, true); 35 36 SimpleTest.finish(); 37 } 38 39 SimpleTest.waitForExplicitFinish(); 40 addA11yLoadEvent(doTest); 41 </script> 42 </head> 43 <body> 44 45 <a target="_blank" 46 title="Implement figure and figcaption accessibility" 47 href="https://bugzilla.mozilla.org/show_bug.cgi?id=658272"> 48 Mozilla Bug 658272 49 </a><br/> 50 <p id="display"></p> 51 <div id="content" style="display: none"></div> 52 <pre id="test"> 53 </pre> 54 55 <figure id="figure"> 56 <figcaption id="figcaption">figure caption</figcaption> 57 </figure> 58 59 </body> 60 </html>