michael@0: <?xml version="1.0"?>
michael@0: <?xml-stylesheet href="chrome://global/skin" type="text/css"?>
michael@0: <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css"
michael@0:                  type="text/css"?>
michael@0: <?xml-stylesheet href="general.css"
michael@0:                  type="text/css"?>
michael@0: 
michael@0: 
michael@0: <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:         title="Accessibility Name Calculating Test.">
michael@0: 
michael@0:   <script type="application/javascript"
michael@0:           src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js" />
michael@0: 
michael@0:   <script type="application/javascript"
michael@0:           src="../common.js"></script>
michael@0:   <script type="application/javascript"
michael@0:           src="../role.js"></script>
michael@0:   <script type="application/javascript"
michael@0:           src="../name.js"></script>
michael@0: 
michael@0:   <script type="application/javascript">
michael@0:   <![CDATA[
michael@0:     function doTest()
michael@0:     {
michael@0:       // aria-label
michael@0: 
michael@0:       // Simple label provided via ARIA
michael@0:       testName("btn_simple_aria_label", "I am a button");
michael@0: 
michael@0:       // aria-label and aria-labelledby, expect aria-labelledby
michael@0:       testName("btn_both_aria_labels", "text I am a button, two");
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // aria-labelledby
michael@0: 
michael@0:       // Single relation. The value of 'aria-labelledby' contains the ID of
michael@0:       // an element. Gets the name from text node of that element.
michael@0:       testName("btn_labelledby_text", "text");
michael@0: 
michael@0:       // Multiple relations. The value of 'aria-labelledby' contains the IDs
michael@0:       // of elements. Gets the name from text nodes of those elements.
michael@0:       testName("btn_labelledby_texts", "text1 text2");
michael@0: 
michael@0:       // Trick cases. Self and recursive referencing.
michael@0:       testName("rememberHistoryDays", "Remember 3 days");
michael@0:       testName("historyDays", "Remember 3 days");
michael@0:       testName("rememberAfter", null); // XUL labels doesn't allow name from subtree
michael@0: 
michael@0:       // Anonymous content (see name.xbl#third)
michael@0:       var anonBtn = getAccessible("labelledby_box_anon").lastChild;
michael@0:       testName(anonBtn, "It's a cool button");
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name from subtree (single relation labelled_by).
michael@0:       
michael@0:       // Gets the name from text nodes contained by nested elements.
michael@0:       testName("btn_labelledby_mixed", "nomore text");
michael@0: 
michael@0:       // Gets the name from text nodes and selected item of menulist
michael@0:       // (other items are ignored).
michael@0:       testName("btn_labelledby_mixed_menulist",
michael@0:                "nomore text selected item more text");
michael@0:       
michael@0:       // Gets the name from text nodes contained by nested elements, ignores
michael@0:       // hidden elements (bug 443081).
michael@0:       testName("btn_labelledby_mixed_hidden_child", "nomore text2");
michael@0: 
michael@0:       // Gets the name from hidden text nodes contained by nested elements, 
michael@0:       // (label element is hidden entirely), (bug 443081)
michael@0:       testName("btn_labelledby_mixed_hidden", "lala more hidden text");
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name for nsIDOMXULLabeledControlElement.
michael@0: 
michael@0:       // Gets the name from @label attribute.
michael@0:       testName("btn_nsIDOMXULLabeledControlElement", "labeled element");
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name for nsIDOMXULSelectControlItemElement.
michael@0: 
michael@0:       // Gets the name from @label attribute.
michael@0:       testName("li_nsIDOMXULSelectControlItemElement", "select control item");
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name if the XUL element doesn't implement nsIDOMXULSelectControlElement
michael@0:       // and has @label attribute.
michael@0: 
michael@0:       testName("box_not_nsIDOMXULSelectControlElement", "box");
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name from the label element.
michael@0: 
michael@0:       // The label and button are placed on 2nd level relative common parent.
michael@0:       testName("btn_label_1", "label1");
michael@0: 
michael@0:       // The label is on 1st, the button is on 5th level relative common parent.
michael@0:       testName("btn_label_2", "label2");
michael@0: 
michael@0:       // The label and button are siblings.
michael@0:       testName("btn_label_3", "label3");
michael@0: 
michael@0:       // Multiple labels for single button: XUL button takes the last one.
michael@0:       testName("btn_label_4", "label5");
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name from the label element in anonymous content (see bug 362365).
michael@0: 
michael@0:       // Get the name from anonymous label element for anonymous textbox
michael@0:       // (@anonid is used).
michael@0:       var ID = "box_label_anon1";
michael@0:       var box1Acc = testName(ID, null);
michael@0:       if (box1Acc) {
michael@0:         var textboxAcc = box1Acc.firstChild;
michael@0:         is(textboxAcc.name, "Label",
michael@0:            "Wrong label for anonymous textbox of " + ID);
michael@0:       }
michael@0: 
michael@0:       // Get the name from anonymous label element for anonymous textbox
michael@0:       // (@anonid is used). Nested bindings.
michael@0:       ID = "box_label_anon2";
michael@0:       var box2Acc = testName(ID, null);
michael@0:       if (box2Acc) {
michael@0:         var textboxAcc = box2Acc.firstChild;
michael@0:         is(textboxAcc.name, "Label",
michael@0:            "Wrong label for anonymous textbox of " + ID);
michael@0: 
michael@0:         var topTextboxAcc = box2Acc.lastChild;
michael@0:         is(topTextboxAcc.name, "Top textbox",
michael@0:            "Wrong label for anonymous textbox of " + ID);
michael@0:       }
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // tooltiptext (if nothing above isn't presented then tooltiptext is used)
michael@0:       testName("box_tooltiptext", "tooltiptext label");
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name from the @title attribute of <toolbaritem/> (original bug 237249).
michael@0: 
michael@0:       // Direct child of toolbaritem.
michael@0:       var textboxAcc = testName("toolbaritem_textbox", "ooospspss");
michael@0: 
michael@0:       // Element from anonymous content of direct child of toolbaritem.
michael@0:       var entryAcc = textboxAcc.firstChild;
michael@0:       testRole(entryAcc, ROLE_ENTRY);
michael@0:       is(entryAcc.name, "ooospspss",
michael@0:          "Wrong name for text entry of autocomplete textbox 'toolbaritem_textbox'.");
michael@0: 
michael@0:       // Child from subtree of toolbaritem.
michael@0:       testName("toolbaritem_hboxbutton", "ooospspss");
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name from children
michael@0: 
michael@0:       // ARIA role button is presented allowing the name calculation from
michael@0:       // children.
michael@0:       testName("box_children", "14");
michael@0: 
michael@0:       // ARIA role option is presented allowing the name calculation from
michael@0:       // the visible children (bug 443081)
michael@0:       testName("lb_opt1_children_hidden", "i am visible");
michael@0: 
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // Name from aria-labelledby: menuitem label+ listitem label
michael@0:       testName("li_labelledby", "Show an Alert The moment the event starts");
michael@0: 
michael@0:       SimpleTest.finish();
michael@0:     }
michael@0: 
michael@0:     SimpleTest.waitForExplicitFinish();
michael@0:     addA11yLoadEvent(doTest);
michael@0:   ]]>
michael@0:   </script>
michael@0: 
michael@0:   <hbox flex="1" style="overflow: auto;">
michael@0: 
michael@0:   <body xmlns="http://www.w3.org/1999/xhtml">
michael@0:     <a target="_blank"
michael@0:        href="https://bugzilla.mozilla.org/show_bug.cgi?id=444279"
michael@0:        title="mochitest for accessible name calculating">
michael@0:       Mozilla Bug 444279
michael@0:     </a>
michael@0:     <a target="_blank"
michael@0:       href="https://bugzilla.mozilla.org/show_bug.cgi?id=441991"
michael@0:       title="nsXULListitemAccessible::GetName prefers label \
michael@0:       		   attribute over aria-labelledby and doesn't allow recursion">
michael@0:       Mozilla Bug 441991
michael@0:     </a>
michael@0:   <p id="display"></p>
michael@0:     <div id="content" style="display: none">
michael@0:     </div>
michael@0:     <pre id="test">
michael@0:     </pre>
michael@0:   </body>
michael@0: 
michael@0:   <vbox flex="1">
michael@0: 
michael@0:   <!-- aria-label, simple label -->
michael@0:   <button id="btn_simple_aria_label" aria-label="I am a button"/>
michael@0: 
michael@0:   <!-- aria-label plus aria-labelledby -->
michael@0:   <button id="btn_both_aria_labels" aria-label="I am a button, two"
michael@0:           aria-labelledby="labelledby_text btn_both_aria_labels"/>
michael@0: 
michael@0:   <!-- aria-labelledby, single relation -->
michael@0:   <description id="labelledby_text">text</description>
michael@0:   <button id="btn_labelledby_text"
michael@0:           aria-labelledby="labelledby_text"/>
michael@0: 
michael@0:   <!-- aria-labelledby, multiple relations -->
michael@0:   <description id="labelledby_text1">text1</description>
michael@0:   <description id="labelledby_text2">text2</description>
michael@0:   <button id="btn_labelledby_texts"
michael@0:           aria-labelledby="labelledby_text1 labelledby_text2"/>
michael@0: 
michael@0:   <!-- aria-labelledby, multiple relations -->
michael@0:   <box class="third" id="labelledby_box_anon" role="group" />
michael@0: 
michael@0:   <!-- trick aria-labelledby -->
michael@0:   <checkbox id="rememberHistoryDays"
michael@0:             label="Remember "
michael@0:             aria-labelledby="rememberHistoryDays historyDays rememberAfter"/>
michael@0:   <textbox id="historyDays" type="number" size="3" value="3"
michael@0:            aria-labelledby="rememberHistoryDays historyDays rememberAfter"/>
michael@0:   <label id="rememberAfter">days</label>
michael@0: 
michael@0:   <!-- the name from subtree, mixed content -->
michael@0:   <description id="labelledby_mixed">
michael@0:     no<description>more text</description>
michael@0:   </description>
michael@0:   <button id="btn_labelledby_mixed"
michael@0:           aria-labelledby="labelledby_mixed"/>
michael@0: 
michael@0:   <!-- the name from subtree, mixed/hidden content -->
michael@0:   <description id="labelledby_mixed_hidden_child">no<description>more <description hidden="true">hidden</description>text2</description></description>
michael@0:   <button id="btn_labelledby_mixed_hidden_child"
michael@0:           aria-labelledby="labelledby_mixed_hidden_child"/>
michael@0: 
michael@0:   <!-- the name from subtree, mixed/completely hidden content -->
michael@0:   <description id="labelledby_mixed_hidden"
michael@0:                hidden="true">lala <description>more hidden </description>text</description>
michael@0:   <button id="btn_labelledby_mixed_hidden"
michael@0:           aria-labelledby="labelledby_mixed_hidden"/>
michael@0:   <br/>
michael@0: 
michael@0:   <!-- the name from subtree, mixed content, ignore items of menulist -->
michael@0:   <description id="labelledby_mixed_menulist">
michael@0:     no<description>more text</description>
michael@0:     <menulist>
michael@0:       <menupopup>
michael@0:         <menuitem label="selected item"/>
michael@0:         <menuitem label="item"/>
michael@0:       </menupopup>
michael@0:     </menulist>
michael@0:     more text
michael@0:   </description>
michael@0:   <button id="btn_labelledby_mixed_menulist"
michael@0:           aria-labelledby="labelledby_mixed_menulist"/>
michael@0: 
michael@0:   <!-- nsIDOMXULLabeledControlElement -->
michael@0:   <button id="btn_nsIDOMXULLabeledControlElement"
michael@0:           label="labeled element"/>
michael@0: 
michael@0:   <!-- nsIDOMXULSelectControlItemElement -->
michael@0:   <listbox>
michael@0:     <listitem id="li_nsIDOMXULSelectControlItemElement"
michael@0:               label="select control item"/>
michael@0:   </listbox>
michael@0: 
michael@0:   <!-- not nsIDOMXULSelectControlElement -->
michael@0:   <box id="box_not_nsIDOMXULSelectControlElement" role="group" label="box"/>
michael@0: 
michael@0:   <!-- label element  -->
michael@0:   <hbox>
michael@0:     <box>
michael@0:       <label control="btn_label_1">label1</label>
michael@0:     </box>
michael@0:     <label control="btn_label_2">label2</label>
michael@0:     <box>
michael@0:       <button id="btn_label_1"/>
michael@0:       <box>
michael@0:         <box>
michael@0:           <box>
michael@0:             <button id="btn_label_2"/>
michael@0:           </box>
michael@0:         </box>
michael@0:       </box>
michael@0:     </box>
michael@0:     <label control="btn_label_3">label3</label>
michael@0:     <button id="btn_label_3"/>
michael@0: 
michael@0:     <label control="btn_label_4">label4</label>
michael@0:     <label control="btn_label_4">label5</label>
michael@0:     <button id="btn_label_4"/>
michael@0:   </hbox>
michael@0: 
michael@0:   <!-- label element, anonymous content -->
michael@0:   <box id="box_label_anon1"
michael@0:        class="first"
michael@0:        role="group"/>
michael@0: 
michael@0:   <box id="box_label_anon2" 
michael@0:        class="second" 
michael@0:        role="group"/>
michael@0: 
michael@0:   <!-- tooltiptext -->
michael@0:   <box id="box_tooltiptext"
michael@0:        role="group"
michael@0:        tooltiptext="tooltiptext label"/>
michael@0: 
michael@0:   <!-- the name from @title of toolbaritem -->
michael@0:   <toolbar>
michael@0:     <toolbaritem title="ooospspss">
michael@0:       <textbox id="toolbaritem_textbox"
michael@0:                flex="1"
michael@0:                type="autocomplete"
michael@0:                enablehistory="true">
michael@0:         <hbox role="button" id="toolbaritem_hboxbutton">
michael@0:            <description value="button"/>
michael@0:         </hbox>
michael@0:       </textbox>
michael@0:     </toolbaritem>
michael@0:   </toolbar>
michael@0: 
michael@0:   <!-- name from children -->
michael@0:   <box id="box_children" role="button">14</box>
michael@0: 
michael@0:   <!-- name from children, hidden children -->
michael@0:   <vbox role="listbox" tabindex="0">
michael@0:     <hbox id="lb_opt1_children_hidden" role="option" tabindex="0">
michael@0:       <description>i am visible</description>
michael@0:       <description style="display:none">i am hidden</description>
michael@0:     </hbox>
michael@0:   </vbox>
michael@0: 
michael@0:   <!-- bug 441991; create name from other menuitem label listitem's own label -->
michael@0:   <hbox>
michael@0:     <listbox>
michael@0:     <listitem id="li_labelledby"
michael@0:               label="The moment the event starts"
michael@0:               aria-labelledby="menuitem-DISPLAY li_labelledby"/>
michael@0:     </listbox>
michael@0:     <menulist>
michael@0:       <menupopup>
michael@0:         <menuitem id="menuitem-DISPLAY"
michael@0:                   value="DISPLAY"
michael@0:                   label="Show an Alert"/>
michael@0:         <menuitem id="menuitem-EMAIL"
michael@0:                   value="EMAIL"
michael@0:                   label="Send an E-mail"/>
michael@0:       </menupopup>
michael@0:     </menulist>
michael@0:   </hbox>
michael@0: 
michael@0:   </vbox> <!-- close tests area -->
michael@0:   </hbox> <!-- close main area -->
michael@0: </window>
michael@0: