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="Tests: accessible XUL label/description 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="../common.js" />
michael@0:   <script type="application/javascript"
michael@0:           src="../role.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:     // Invokers
michael@0: 
michael@0:     const kRecreated = 0;
michael@0:     const kTextRemoved = 1;
michael@0:     const kTextChanged = 2;
michael@0: 
michael@0:     const kNoValue = 0;
michael@0: 
michael@0:     /**
michael@0:      * Set/remove @value attribute.
michael@0:      */
michael@0:     function setValue(aID, aValue, aResult, aOldValue)
michael@0:     {
michael@0:       this.labelNode = getNode(aID);
michael@0: 
michael@0:       this.eventSeq = [];
michael@0: 
michael@0:       switch (aResult) {
michael@0:         case kRecreated:
michael@0:           this.eventSeq.push(new invokerChecker(EVENT_HIDE, this.labelNode));
michael@0:           this.eventSeq.push(new invokerChecker(EVENT_SHOW, this.labelNode));
michael@0:           break;
michael@0:         case kTextRemoved:
michael@0:           this.eventSeq.push(
michael@0:             new textChangeChecker(this.labelNode, 0, aOldValue.length,
michael@0:                                   aOldValue, false));
michael@0:           break;
michael@0:         case kTextChanged:
michael@0:           this.eventSeq.push(
michael@0:             new textChangeChecker(this.labelNode, 0, aOldValue.length,
michael@0:                                   aOldValue, false));
michael@0:            this.eventSeq.push(
michael@0:              new textChangeChecker(this.labelNode, 0, aValue.length,
michael@0:                                    aValue, true));
michael@0:           break;
michael@0:       }
michael@0: 
michael@0:       this.invoke = function setValue_invoke()
michael@0:       {
michael@0:         if (aValue === kNoValue)
michael@0:           this.labelNode.removeAttribute("value");
michael@0:         else
michael@0:           this.labelNode.setAttribute("value", aValue);
michael@0:       }
michael@0: 
michael@0:       this.finalCheck = function setValue_finalCheck()
michael@0:       {
michael@0:         var tree =
michael@0:           { LABEL: [
michael@0:             { TEXT_LEAF: [ ] }
michael@0:           ] };
michael@0:         testAccessibleTree(aID, tree);
michael@0:       }
michael@0: 
michael@0:       this.getID = function setValue_getID()
michael@0:       {
michael@0:         return "set @value='" + aValue + "' for label " + prettyName(aID);
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     /**
michael@0:      * Change @crop attribute.
michael@0:      */
michael@0:     function setCrop(aID, aCropValue, aRemovedText, aInsertedText)
michael@0:     {
michael@0:       this.labelNode = getNode(aID);
michael@0:       this.width = this.labelNode.boxObject.width;
michael@0:       this.charWidth = this.width / this.labelNode.value.length;
michael@0: 
michael@0:       this.eventSeq = [
michael@0:         new textChangeChecker(this.labelNode, 0, -1, aRemovedText, false),
michael@0:         new textChangeChecker(this.labelNode, 0, -1, aInsertedText, true)
michael@0:       ];
michael@0: 
michael@0:       this.invoke = function setCrop_invoke()
michael@0:       {
michael@0:         if (!this.labelNode.hasAttribute("crop"))
michael@0:           this.labelNode.width = Math.floor(this.width - 2 * this.charWidth);
michael@0: 
michael@0:         this.labelNode.setAttribute("crop", aCropValue);
michael@0:       }
michael@0: 
michael@0:       this.getID = function setCrop_finalCheck()
michael@0:       {
michael@0:         return "set crop " + aCropValue;
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     ////////////////////////////////////////////////////////////////////////////
michael@0:     // Test
michael@0: 
michael@0:     gA11yEventDumpToConsole = true;
michael@0: 
michael@0:     var gQueue = null;
michael@0:     function doTest()
michael@0:     {
michael@0:       gQueue = new eventQueue();
michael@0: 
michael@0:       gQueue.push(new setValue("label", "shiroka strana", kRecreated));
michael@0:       gQueue.push(new setValue("label", "?<>!+_", kTextChanged, "shiroka strana"));
michael@0:       gQueue.push(new setValue("label", "", kTextRemoved, "?<>!+_"));
michael@0:       gQueue.push(new setValue("label", kNoValue, kRecreated));
michael@0: 
michael@0:       gQueue.push(new setValue("descr", "hello world", kRecreated));
michael@0:       gQueue.push(new setValue("descr", "si_ya", kTextChanged, "hello world"));
michael@0:       gQueue.push(new setValue("descr", "", kTextRemoved, "si_ya"));
michael@0:       gQueue.push(new setValue("descr", kNoValue, kRecreated));
michael@0: 
michael@0:       if (MAC) {
michael@0:         // "valuetocro" -> "…etocro"
michael@0:         gQueue.push(new setCrop("croplabel", "left", "valu", "…"));
michael@0:         // "…etocro", "val…cro"
michael@0:         gQueue.push(new setCrop("croplabel", "center", "…eto", "val…"));
michael@0:       } else {
michael@0:         // "valuetocro" -> "…uetocro"
michael@0:         gQueue.push(new setCrop("croplabel", "left", "val", "…"));
michael@0:         // "…uetocro" -> "valu…cro"
michael@0:         gQueue.push(new setCrop("croplabel", "center", "…ueto", "valu…"));
michael@0:       }
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:     <body xmlns="http://www.w3.org/1999/xhtml">
michael@0:       <a target="_blank"
michael@0:          href="https://bugzilla.mozilla.org/show_bug.cgi?id=396166"
michael@0:          title="xul:label@value accessible should implement nsIAccessibleText">
michael@0:         Bug 396166
michael@0:       </a>
michael@0:       <br/>
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:       <label id="label">hello</label>
michael@0:       <description id="descr">hello</description>
michael@0: 
michael@0:       <hbox>
michael@0:       <label id="croplabel" value="valuetocro"
michael@0:              style="font-family: monospace;"/>
michael@0:       </hbox>
michael@0:     </vbox>
michael@0:   </hbox>
michael@0: 
michael@0: </window>
michael@0: