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="../treeview.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:   <script type="application/javascript"
michael@0:           src="../events.js"></script>
michael@0: 
michael@0:   <script type="application/javascript">
michael@0:   <![CDATA[
michael@0:     function treeTester(aID)
michael@0:     {
michael@0:       this.DOMNode = getNode(aID);
michael@0: 
michael@0:       this.invoke = function treeTester_invoke()
michael@0:       {
michael@0:         this.DOMNode.treeBoxObject.view = new nsTreeTreeView();
michael@0:       }
michael@0: 
michael@0:       this.check = function treeTester_check(aEvent)
michael@0:       {
michael@0:         var tree = {
michael@0:           role: ROLE_OUTLINE,
michael@0:           children: [
michael@0:             {
michael@0:               role: ROLE_LIST
michael@0:             },
michael@0:             {
michael@0:               role: ROLE_OUTLINEITEM,
michael@0:               children: [],
michael@0:               name: "row1col"
michael@0:             },
michael@0:             {
michael@0:               role: ROLE_OUTLINEITEM,
michael@0:               children: [],
michael@0:               name: "row2_col"
michael@0:             },
michael@0:             {
michael@0:               role: ROLE_OUTLINEITEM,
michael@0:               children: [],
michael@0:               name: "row2.1_col"
michael@0:             },
michael@0:             {
michael@0:               role: ROLE_OUTLINEITEM,
michael@0:               children: [],
michael@0:               name: "row2.2_col"
michael@0:             },
michael@0:             {
michael@0:               role: ROLE_OUTLINEITEM,
michael@0:               children: [],
michael@0:               name: "row3_col"
michael@0:             },
michael@0:             {
michael@0:               role: ROLE_OUTLINEITEM,
michael@0:               children: [],
michael@0:               name: "row4col"
michael@0:             }
michael@0:           ]
michael@0:         };
michael@0:         testAccessibleTree(this.DOMNode, tree);
michael@0:       }
michael@0: 
michael@0:       this.getID = function treeTester_getID()
michael@0:       {
michael@0:         return "Tree name testing for " + aID;
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     function tableTester(aID, aIsTable, aCol1ID, aCol2ID)
michael@0:     {
michael@0:       this.DOMNode = getNode(aID);
michael@0: 
michael@0:       this.invoke = function tableTester_invoke()
michael@0:       {
michael@0:         this.DOMNode.treeBoxObject.view = new nsTableTreeView(2);
michael@0:       }
michael@0: 
michael@0:       this.check = function tableTester_check(aEvent)
michael@0:       {
michael@0:         var tree = {
michael@0:           role: aIsTable ? ROLE_TABLE : ROLE_TREE_TABLE,
michael@0:           children: [
michael@0:             {
michael@0:               role: ROLE_LIST
michael@0:             },
michael@0:             {
michael@0:               role: ROLE_ROW,
michael@0:               children: [
michael@0:                 {
michael@0:                   role: ROLE_GRID_CELL,
michael@0:                   children: [],
michael@0:                   name: "row0_" + aCol1ID
michael@0:                 },
michael@0:                 {
michael@0:                   role: ROLE_GRID_CELL,
michael@0:                   children: [],
michael@0:                   name: "row0_" + aCol2ID
michael@0:                 }
michael@0:               ],
michael@0:               name: "row0_" + aCol1ID + " row0_" + aCol2ID
michael@0:             },
michael@0:             {
michael@0:               role: ROLE_ROW,
michael@0:               children: [
michael@0:                 {
michael@0:                   role: ROLE_GRID_CELL,
michael@0:                   children: [],
michael@0:                   name: "row1_" + aCol1ID
michael@0:                 },
michael@0:                 {
michael@0:                   role: ROLE_GRID_CELL,
michael@0:                   children: [],
michael@0:                   name: "row1_" + aCol2ID
michael@0:                 }
michael@0:               ],
michael@0:               name: "row1_" + aCol1ID + " row1_" + aCol2ID
michael@0:             }
michael@0:           ]
michael@0:         };
michael@0:         testAccessibleTree(this.DOMNode, tree);
michael@0:       }
michael@0: 
michael@0:       this.getID = function tableTester_getID()
michael@0:       {
michael@0:         return "Tree name testing for " + aID;
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     var gQueue = null;
michael@0:     function doTest()
michael@0:     {
michael@0:       var gQueue = new eventQueue(EVENT_REORDER);
michael@0: 
michael@0:       gQueue.push(new treeTester("tree"));
michael@0:       gQueue.push(new tableTester("table", true, "t_col1", "t_col2"));
michael@0:       gQueue.push(new tableTester("treetable", false, "tt_col1", "tt_col2"));
michael@0: 
michael@0:       gQueue.invoke(); // Will call 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=546812"
michael@0:        title="Treegrid row accessible shouldn't inherit name from tree accessible">
michael@0:       Mozilla Bug 546812
michael@0:     </a>
michael@0:     <a target="_blank"
michael@0:        href="https://bugzilla.mozilla.org/show_bug.cgi?id=664376"
michael@0:        title="Table rows of XUL trees no longer containing cell content as accessible name">
michael@0:       Mozilla Bug 664376
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:   <tree id="tree" flex="1">
michael@0:     <treecols>
michael@0:       <treecol id="col" flex="1" primary="true" label="column"/>
michael@0:     </treecols>
michael@0:     <treechildren/>
michael@0:   </tree>
michael@0: 
michael@0:   <tree id="table" flex="1">
michael@0:     <treecols>
michael@0:       <treecol id="t_col1" flex="1" label="column"/>
michael@0:       <treecol id="t_col2" flex="1" label="column 2"/>
michael@0:     </treecols>
michael@0:     <treechildren/>
michael@0:   </tree>
michael@0: 
michael@0:   <tree id="treetable" flex="1">
michael@0:     <treecols>
michael@0:       <treecol id="tt_col1" flex="1" label="column" primary="true"/>
michael@0:       <treecol id="tt_col2" flex="1" label="column 2"/>
michael@0:     </treecols>
michael@0:     <treechildren/>
michael@0:   </tree>
michael@0: 
michael@0:   </vbox> <!-- close tests area -->
michael@0:   </hbox> <!-- close main area -->
michael@0: </window>
michael@0: