accessible/tests/mochitest/hittest/test_general.html@6474c204b198
accessible/tests/mochitest/hittest/test_general.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>nsIAccessible::childAtPoint() tests</title>
5 <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css" />
7 <script type="application/javascript"
8 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
9 <script type="application/javascript"
10 src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
12 <script type="application/javascript"
13 src="../common.js"></script>
14 <script type="application/javascript"
15 src="../layout.js"></script>
16 <script type="application/javascript"
17 src="../events.js"></script>
19 <script type="application/javascript">
20 function doPreTest()
21 {
22 waitForImageMap("imgmap", doTest);
23 }
25 function doTest()
26 {
27 // Not specific case, child and deepchild testing.
28 var list = getAccessible("list");
29 var listitem = getAccessible("listitem");
30 var image = getAccessible("image");
31 if (!MAC) {
32 testChildAtPoint(list, 1, 1, listitem, image.firstChild);
33 } else {
34 todo(false, "Bug 746974 - children must match on all platforms, disable failing test on Mac");
35 }
37 // ::MustPrune case (in this case childAtPoint doesn't look inside a
38 // textbox), point is inside of textbox.
39 var txt = getAccessible("txt");
40 testChildAtPoint(txt, 1, 1, txt, txt);
42 // ::MustPrune case, point is outside of textbox accessible but is in
43 // document.
44 testChildAtPoint(txt, -1, 1, null, null);
46 // ::MustPrune case, point is outside of root accessible.
47 testChildAtPoint(txt, -10000, 10000, null, null);
49 // Not specific case, point is inside of btn accessible.
50 var btn = getAccessible("btn");
51 var btnText = btn.firstChild;
52 testChildAtPoint(btn, 1, 1, btn, btn);
54 // Not specific case, point is outside of btn accessible.
55 testChildAtPoint(btn, -1, 1, null, null);
57 // Out of flow accessible testing, do not return out of flow accessible
58 // because it's not a child of the accessible even visually it is.
59 var rectArea = getNode("area").getBoundingClientRect();
60 var outOfFlow = getNode("outofflow");
61 outOfFlow.style.left = rectArea.left + "px";
62 outOfFlow.style.top = rectArea.top + "px";
64 testChildAtPoint("area", 1, 1, "area", "area");
66 // Test image maps. Their children are not in the layout tree.
67 var theLetterA = getAccessible("imgmap").firstChild;
68 hitTest("imgmap", theLetterA, theLetterA);
69 hitTest("container", "imgmap", theLetterA);
71 SimpleTest.finish();
72 }
74 SimpleTest.waitForExplicitFinish();
75 addA11yLoadEvent(doPreTest);
76 </script>
77 </head>
78 <body>
80 <a target="_blank"
81 href="https://bugzilla.mozilla.org/show_bug.cgi?id=491657"
82 title="nsIAccessible::childAtPoint() tests">Mozilla Bug 491657</a>
83 <p id="display"></p>
84 <div id="content" style="display: none"></div>
85 <pre id="test">
86 </pre>
88 <div role="list" id="list">
89 <div role="listitem" id="listitem"><span role="image" id="image">img</span>item</div>
90 </div>
92 <span role="button">button1</span><span role="button" id="btn">button2</span>
94 <span role="textbox">textbox1</span><span role="textbox" id="txt">textbox2</span>
96 <div id="outofflow" style="width: 10px; height: 10px; position: absolute; left: 0px; top: 0px; background-color: yellow;">
97 </div>
98 <div id="area" style="width: 100px; height: 100px; background-color: blue;"></div>
100 <map name="atoz_map">
101 <area href="http://www.bbc.co.uk/radio4/atoz/index.shtml#a"
102 coords="0,0,15,15" alt="thelettera" shape="rect"/>
103 </map>
105 <div id="container">
106 <img id="imgmap" width="447" height="15" usemap="#atoz_map" src="../letters.gif"/>
107 </div>
109 </body>
110 </html>
