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: 
michael@0: <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:         title="DOM TreeRowCountChanged and a11y name change events.">
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" />
michael@0:   <script type="application/javascript"
michael@0:           src="../events.js" />
michael@0: 
michael@0:   <script type="application/javascript">
michael@0:   <![CDATA[
michael@0: 
michael@0:     ////////////////////////////////////////////////////////////////////////////
michael@0:     // Invoker's checkers
michael@0: 
michael@0:     /**
michael@0:      * Check TreeRowCountChanged event.
michael@0:      */
michael@0:     function rowCountChangedChecker(aMsg, aIdx, aCount)
michael@0:     {
michael@0:       this.type = "TreeRowCountChanged";
michael@0:       this.target = gTree;
michael@0:       this.check = function check(aEvent)
michael@0:       {
michael@0:         var propBag = aEvent.detail.QueryInterface(Components.interfaces.nsIPropertyBag2);
michael@0:         var index = propBag.getPropertyAsInt32("index");
michael@0:         is(index, aIdx, "Wrong 'index' data of 'treeRowCountChanged' event.");
michael@0: 
michael@0:         var count = propBag.getPropertyAsInt32("count");
michael@0:         is(count, aCount, "Wrong 'count' data of 'treeRowCountChanged' event.");
michael@0:       }
michael@0:       this.getID = function getID()
michael@0:       {
michael@0:         return aMsg + "TreeRowCountChanged";
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     /**
michael@0:      * Check TreeInvalidated event.
michael@0:      */
michael@0:     function treeInvalidatedChecker(aMsg, aStartRow, aEndRow, aStartCol, aEndCol)
michael@0:     {
michael@0:       this.type = "TreeInvalidated";
michael@0:       this.target = gTree;
michael@0:       this.check = function check(aEvent)
michael@0:       {
michael@0:         var propBag = aEvent.detail.QueryInterface(Components.interfaces.nsIPropertyBag2);
michael@0:         try {
michael@0:           var startRow = propBag.getPropertyAsInt32("startrow");
michael@0:         } catch (e if e.name == 'NS_ERROR_NOT_AVAILABLE') {
michael@0:           startRow = null;
michael@0:         }
michael@0:         is(startRow, aStartRow,
michael@0:            "Wrong 'startrow' of 'treeInvalidated' event on " + aMsg);
michael@0: 
michael@0:         try {
michael@0:           var endRow = propBag.getPropertyAsInt32("endrow");
michael@0:         } catch (e if e.name == 'NS_ERROR_NOT_AVAILABLE') {
michael@0:           endRow = null;
michael@0:         }
michael@0:         is(endRow, aEndRow,
michael@0:            "Wrong 'endrow' of 'treeInvalidated' event on " + aMsg);
michael@0: 
michael@0:         try {
michael@0:           var startCol = propBag.getPropertyAsInt32("startcolumn");
michael@0:         } catch (e if e.name == 'NS_ERROR_NOT_AVAILABLE') {
michael@0:           startCol = null;
michael@0:         }
michael@0:         is(startCol, aStartCol,
michael@0:            "Wrong 'startcolumn' of 'treeInvalidated' event on " + aMsg);
michael@0: 
michael@0:         try {
michael@0:           var endCol = propBag.getPropertyAsInt32("endcolumn");
michael@0:         } catch (e if e.name == 'NS_ERROR_NOT_AVAILABLE') {
michael@0:           startCol = null;
michael@0:         }
michael@0:         is(endCol, aEndCol,
michael@0:            "Wrong 'endcolumn' of 'treeInvalidated' event on " + aMsg);
michael@0:       }
michael@0:       this.getID = function getID()
michael@0:       {
michael@0:         return "TreeInvalidated on " + aMsg;
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     /**
michael@0:      * Check name changed a11y event.
michael@0:      */
michael@0:     function nameChangeChecker(aMsg, aRow, aCol)
michael@0:     {
michael@0:       this.type = EVENT_NAME_CHANGE;
michael@0: 
michael@0:       function targetGetter()
michael@0:       {
michael@0:         var acc = getAccessible(gTree);
michael@0: 
michael@0:         var tableAcc = getAccessible(acc, [nsIAccessibleTable]);
michael@0:         return tableAcc.getCellAt(aRow, aCol);
michael@0:       }
michael@0:       Object.defineProperty(this, "target", { get: targetGetter });
michael@0: 
michael@0:       this.getID = function getID()
michael@0:       {
michael@0:         return aMsg + "name changed";
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     /**
michael@0:      * Check name changed a11y event for a row.
michael@0:      */
michael@0:     function rowNameChangeChecker(aMsg, aRow)
michael@0:     {
michael@0:       this.type = EVENT_NAME_CHANGE;
michael@0: 
michael@0:       function targetGetter()
michael@0:       {
michael@0:         var acc = getAccessible(gTree);
michael@0:         return acc.getChildAt(aRow + 1);
michael@0:       }
michael@0:       Object.defineProperty(this, "target", { get: targetGetter });
michael@0: 
michael@0:       this.getID = function getID()
michael@0:       {
michael@0:         return aMsg + "name changed";
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     ////////////////////////////////////////////////////////////////////////////
michael@0:     // Invokers
michael@0: 
michael@0:     /**
michael@0:      * Set tree view.
michael@0:      */
michael@0:     function setTreeView()
michael@0:     {
michael@0:       this.invoke = function setTreeView_invoke()
michael@0:       {
michael@0:         gTreeBox.view = gView;
michael@0:       }
michael@0: 
michael@0:       this.getID = function setTreeView_getID() { return "set tree view"; }
michael@0: 
michael@0:       this.eventSeq = [
michael@0:         new invokerChecker(EVENT_REORDER, gTree)
michael@0:       ];
michael@0:     };
michael@0: 
michael@0:     /**
michael@0:      * Insert row at 0 index and checks TreeRowCountChanged and TreeInvalidated
michael@0:      * event.
michael@0:      */
michael@0:     function insertRow()
michael@0:     {
michael@0:       this.invoke = function insertRow_invoke()
michael@0:       {
michael@0:         gView.appendItem("last");
michael@0:         gTreeBox.rowCountChanged(0, 1);
michael@0:       }
michael@0: 
michael@0:       this.eventSeq =
michael@0:       [
michael@0:         new rowCountChangedChecker("insertRow: ", 0, 1),
michael@0:         new treeInvalidatedChecker("insertRow", 0, 5, null, null)
michael@0:       ];
michael@0: 
michael@0:       this.getID = function insertRow_getID()
michael@0:       {
michael@0:         return "insert row";
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     /**
michael@0:      * Invalidates first column and checks six name changed events for each
michael@0:      * treeitem plus TreeInvalidated event.
michael@0:      */
michael@0:     function invalidateColumn()
michael@0:     {
michael@0:       this.invoke = function invalidateColumn_invoke()
michael@0:       {
michael@0:         // Make sure accessible subtree of XUL tree is created otherwise no
michael@0:         // name change events for cell accessibles are emitted.
michael@0:         var tree = getAccessible(gTree);
michael@0:         var child = tree.firstChild;
michael@0:         var walkDown = true;
michael@0:         while (child != tree) {
michael@0:           if (walkDown) {
michael@0:             var grandChild = child.firstChild;
michael@0:             if (grandChild) {
michael@0:               child = grandChild;
michael@0:               continue;
michael@0:             }
michael@0:           }
michael@0: 
michael@0:           var sibling = child.nextSibling;
michael@0:           if (sibling) {
michael@0:             child = sibling;
michael@0:             walkDown = true;
michael@0:             continue;
michael@0:           }
michael@0: 
michael@0:           child = child.parent;
michael@0:           walkDown = false;
michael@0:         }
michael@0: 
michael@0:         // Fire 'TreeInvalidated' event by InvalidateColumn()
michael@0:         var firstCol = gTree.columns.getFirstColumn();
michael@0:         for (var i = 0; i < gView.rowCount; i++)
michael@0:           gView.setCellText(i, firstCol, "hey " + String(i) + "x0");
michael@0: 
michael@0:         gTreeBox.invalidateColumn(firstCol);
michael@0:       }
michael@0: 
michael@0:       this.eventSeq =
michael@0:       [
michael@0:         new nameChangeChecker("invalidateColumn: ", 0, 0),
michael@0:         new nameChangeChecker("invalidateColumn: ", 1, 0),
michael@0:         new nameChangeChecker("invalidateColumn: ", 2, 0),
michael@0:         new nameChangeChecker("invalidateColumn: ", 3, 0),
michael@0:         new nameChangeChecker("invalidateColumn: ", 4, 0),
michael@0:         new nameChangeChecker("invalidateColumn: ", 5, 0),
michael@0:         new treeInvalidatedChecker("invalidateColumn", null, null, 0, 0)
michael@0:       ];
michael@0: 
michael@0:       this.getID = function invalidateColumn_getID()
michael@0:       {
michael@0:         return "invalidate column";
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     /**
michael@0:      * Invalidates second row and checks name changed event for first treeitem
michael@0:      * (note, there are two name changed events on linux due to different
michael@0:      * accessible tree for xul:tree element) plus TreeInvalidated event.
michael@0:      */
michael@0:     function invalidateRow()
michael@0:     {
michael@0:       this.invoke = function invalidateRow_invoke()
michael@0:       {
michael@0:         // Fire 'TreeInvalidated' event by InvalidateRow()
michael@0:         var colCount = gTree.columns.count;
michael@0:         var column = gTree.columns.getFirstColumn();
michael@0:         while (column) {
michael@0:           gView.setCellText(1, column, "aloha 1x" + String(column.index));
michael@0:           column = column.getNext();
michael@0:         }
michael@0: 
michael@0:         gTreeBox.invalidateRow(1);
michael@0:       }
michael@0: 
michael@0:       this.eventSeq =
michael@0:       [
michael@0:         new nameChangeChecker("invalidateRow: ", 1, 0),
michael@0:         new nameChangeChecker("invalidateRow: ", 1, 1),
michael@0:         new rowNameChangeChecker("invalidateRow: ", 1),
michael@0:         new treeInvalidatedChecker("invalidateRow", 1, 1, null, null)
michael@0:       ];
michael@0: 
michael@0:       this.getID = function invalidateRow_getID()
michael@0:       {
michael@0:         return "invalidate row";
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     ////////////////////////////////////////////////////////////////////////////
michael@0:     // Test
michael@0: 
michael@0:     var gTree = null;
michael@0:     var gTreeBox = null;
michael@0:     var gTreeView = null;
michael@0:     var gQueue = null;
michael@0: 
michael@0:     // gA11yEventDumpID = "debug";
michael@0:     gA11yEventDumpToConsole = true; // debuggin
michael@0: 
michael@0:     function doTest()
michael@0:     {
michael@0:       // Initialize the tree
michael@0:       gTree = document.getElementById("tree");
michael@0:       gTreeBox = gTree.treeBoxObject;
michael@0:       gView = new nsTableTreeView(5);
michael@0: 
michael@0:       // Perform actions
michael@0:       gQueue = new eventQueue();
michael@0: 
michael@0:       gQueue.push(new setTreeView());
michael@0:       gQueue.push(new insertRow());
michael@0:       gQueue.push(new invalidateColumn());
michael@0:       gQueue.push(new invalidateRow());
michael@0: 
michael@0:       gQueue.invoke();
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:     <body xmlns="http://www.w3.org/1999/xhtml">
michael@0:       <a target="_blank"
michael@0:          href="https://bugzilla.mozilla.org/show_bug.cgi?id=368835"
michael@0:          title="Fire TreeViewChanged/TreeRowCountChanged events.">
michael@0:         Mozilla Bug 368835
michael@0:       </a><br/>
michael@0:       <a target="_blank"
michael@0:          href="https://bugzilla.mozilla.org/show_bug.cgi?id=308564"
michael@0:          title="No accessibility events when data in a tree row changes.">
michael@0:         Mozilla Bug 308564
michael@0:       </a><br/>
michael@0:       <a target="_blank"
michael@0:          href="https://bugzilla.mozilla.org/show_bug.cgi?id=739524"
michael@0:          title="replace TreeViewChanged DOM event on direct call from XUL tree.">
michael@0:         Mozilla Bug 739524
michael@0:       </a><br/>
michael@0:       <a target="_blank"
michael@0:          href="https://bugzilla.mozilla.org/show_bug.cgi?id=743568"
michael@0:          title="Thunderbird message list tree emitting incorrect focus signals after message deleted.">
michael@0:         Mozilla Bug 743568
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 id="debug"/>
michael@0:     <tree id="tree" flex="1">
michael@0:       <treecols>
michael@0:         <treecol id="col1" flex="1" primary="true" label="column"/>
michael@0:         <treecol id="col2" flex="1" label="column 2"/>
michael@0:       </treecols>
michael@0:       <treechildren id="treechildren"/>
michael@0:     </tree>
michael@0:   </hbox>
michael@0: 
michael@0: </window>
michael@0: