accessible/tests/mochitest/value/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.

michael@0 1 <html>
michael@0 2
michael@0 3 <head>
michael@0 4 <title>nsIAccessible value testing</title>
michael@0 5
michael@0 6 <link rel="stylesheet" type="text/css"
michael@0 7 href="chrome://mochikit/content/tests/SimpleTest/test.css" />
michael@0 8
michael@0 9 <style type="text/css">
michael@0 10 .offscreen {
michael@0 11 position: absolute;
michael@0 12 left: -5000px;
michael@0 13 top: -5000px;
michael@0 14 height: 100px;
michael@0 15 width: 100px;
michael@0 16 }
michael@0 17 </style>
michael@0 18
michael@0 19 <script type="application/javascript"
michael@0 20 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
michael@0 21
michael@0 22 <script type="application/javascript"
michael@0 23 src="../common.js"></script>
michael@0 24
michael@0 25 <script type="application/javascript"
michael@0 26 src="chrome://mochikit/content/chrome-harness.js"></script>
michael@0 27
michael@0 28 <script type="application/javascript">
michael@0 29 function doTest()
michael@0 30 {
michael@0 31 function testValue(aID, aValue)
michael@0 32 {
michael@0 33 var acc = getAccessible(aID);
michael@0 34 if (!acc)
michael@0 35 return;
michael@0 36 is(acc.value, aValue, "Wrong value for " + aID + "!");
michael@0 37 }
michael@0 38
michael@0 39 var rootDir = getRootDirectory(window.location.href);
michael@0 40 var href = getRootDirectory(window.location.href) + "foo";
michael@0 41
michael@0 42 // roles that can't live as HTMLLinkAccessibles
michael@0 43 testValue("aria_menuitem_link", "");
michael@0 44 testValue("aria_button_link", "");
michael@0 45 testValue("aria_checkbox_link", "");
michael@0 46 testValue("aria_application_link", "");
michael@0 47
michael@0 48 // roles that can live as HTMLLinkAccessibles
michael@0 49 testValue("aria_link_link", href);
michael@0 50 testValue("aria_main_link", href);
michael@0 51 testValue("aria_navigation_link", href);
michael@0 52
michael@0 53 //////////////////////////////////////////////////////////////////////////
michael@0 54 // ARIA textboxes
michael@0 55
michael@0 56 testValue("aria_textbox1", "helo");
michael@0 57
michael@0 58 //////////////////////////////////////////////////////////////////////////
michael@0 59 // ARIA comboboxes
michael@0 60
michael@0 61 // aria-activedescendant defines a current item the value is computed from
michael@0 62 testValue("aria_combobox1", kDiscBulletText + "Zoom");
michael@0 63
michael@0 64 // aria-selected defines a selected item the value is computed from,
michael@0 65 // list control is pointed by aria-owns relation.
michael@0 66 testValue("aria_combobox2", kDiscBulletText + "Zoom");
michael@0 67
michael@0 68 // aria-selected defines a selected item the value is computed from,
michael@0 69 // list control is a child of combobox.
michael@0 70 testValue("aria_combobox3", kDiscBulletText + "2");
michael@0 71
michael@0 72 //////////////////////////////////////////////////////////////////////////
michael@0 73 // HTML controls
michael@0 74 testValue("combobox1", "item1");
michael@0 75 testValue("combobox2", "item2");
michael@0 76
michael@0 77 SimpleTest.finish();
michael@0 78 }
michael@0 79
michael@0 80 SimpleTest.waitForExplicitFinish();
michael@0 81 addA11yLoadEvent(doTest);
michael@0 82 </script>
michael@0 83
michael@0 84 </head>
michael@0 85
michael@0 86 <body>
michael@0 87
michael@0 88 <a target="_blank"
michael@0 89 href="https://bugzilla.mozilla.org/show_bug.cgi?id=494807"
michael@0 90 title="Do not expose a11y info specific to hyperlinks when role is overridden using ARIA">
michael@0 91 Bug 494807
michael@0 92 </a>
michael@0 93 <a target="_blank"
michael@0 94 href="https://bugzilla.mozilla.org/show_bug.cgi?id=819273"
michael@0 95 title="ARIA combobox should have accessible value">
michael@0 96 Bug 819273
michael@0 97 </a>
michael@0 98 <a target="_blank"
michael@0 99 href="https://bugzilla.mozilla.org/show_bug.cgi?id=887250"
michael@0 100 title="ARIA textbox role doesn't expose value">
michael@0 101 Bug 887250
michael@0 102 </a>
michael@0 103 <p id="display"></p>
michael@0 104 <div id="content" style="display: none">
michael@0 105 </div>
michael@0 106 <pre id="test">
michael@0 107 </pre>
michael@0 108
michael@0 109 <a id="aria_menuitem_link" role="menuitem" href="foo">menuitem</a>
michael@0 110 <a id="aria_button_link" role="button" href="foo">button</a>
michael@0 111 <a id="aria_checkbox_link" role="checkbox" href="foo">checkbox</a>
michael@0 112
michael@0 113 <!-- landmark links -->
michael@0 114 <a id="aria_application_link" role="application" href="foo">app</a>
michael@0 115 <a id="aria_main_link" role="main" href="foo">main</a>
michael@0 116 <a id="aria_navigation_link" role="navigation" href="foo">nav</a>
michael@0 117
michael@0 118 <!-- strange edge case: please don't do this in the wild -->
michael@0 119 <a id="aria_link_link" role="link" href="foo">link</a>
michael@0 120
michael@0 121 <div id="aria_textbox1" role="textbox">helo</div>
michael@0 122
michael@0 123 <div id="aria_combobox1" role="combobox"
michael@0 124 aria-owns="aria_combobox1_owned_listbox"
michael@0 125 aria-activedescendant="aria_combobox1_selected_option">
michael@0 126 </div>
michael@0 127 <ul role="listbox" id="aria_combobox1_owned_listbox">
michael@0 128 <li role="option">Zebra</li>
michael@0 129 <li role="option" id="aria_combobox1_selected_option">Zoom</li>
michael@0 130 </ul>
michael@0 131
michael@0 132 <div id="aria_combobox2" role="combobox"
michael@0 133 aria-owns="aria_combobox2_owned_listbox">
michael@0 134 </div>
michael@0 135 <ul role="listbox" id="aria_combobox2_owned_listbox">
michael@0 136 <li role="option">Zebra</li>
michael@0 137 <li role="option" aria-selected="true">Zoom</li>
michael@0 138 </ul>
michael@0 139
michael@0 140 <div id="aria_combobox3" role="combobox">
michael@0 141 <div role="textbox"></div>
michael@0 142 <ul role="listbox">
michael@0 143 <li role="option">1</li>
michael@0 144 <li role="option" aria-selected="true">2</li>
michael@0 145 <li role="option">3</li>
michael@0 146 </ul>
michael@0 147 </div>
michael@0 148
michael@0 149 <select id="combobox1">
michael@0 150 <option id="cb1_item1">item1</option>
michael@0 151 <option id="cb1_item2">item2</option>
michael@0 152 </select>
michael@0 153 <select id="combobox2">
michael@0 154 <option id="cb2_item1">item1</option>
michael@0 155 <option id="cb2_item2" selected="true">item2</option>
michael@0 156 </select>
michael@0 157
michael@0 158 </body>
michael@0 159 </html>

mercurial