diff options
Diffstat (limited to 'includes/js/dijit/tests/_base/manager.html')
| -rw-r--r-- | includes/js/dijit/tests/_base/manager.html | 322 |
1 files changed, 322 insertions, 0 deletions
diff --git a/includes/js/dijit/tests/_base/manager.html b/includes/js/dijit/tests/_base/manager.html new file mode 100644 index 0000000..3ca3349 --- /dev/null +++ b/includes/js/dijit/tests/_base/manager.html @@ -0,0 +1,322 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>Dijit manager unit test</title> + <style type="text/css"> + @import "../../../dojo/resources/dojo.css"; + @import "../css/dijitTests.css"; + </style> + <script type="text/javascript" src="../../../dojo/dojo.js" + djConfig="isDebug: true, parseOnLoad: true"></script> + <script type="text/javascript" src="../_testCommon.js"></script> + + <script type="text/javascript"> + dojo.require("doh.runner"); + dojo.require("dijit.dijit"); + + dojo.declare("foo", dijit._Widget, { + name: "", + attr1: 0, + attr2: 0 + }); + + dojo.declare("bar", dijit._Widget, { + name: "", + attr1: 0, + attr2: 0 + }); + + dojo.addOnLoad(function(){ + doh.register("dijit._base.manager", + [ + function forEachTest(t){ + var names=[]; + dijit.registry.forEach(function(widget){ names.push(widget.name); }); + t.is(names.join(" "), "bob is your uncle"); + }, + function filterTest(t){ + var names=[]; + dijit.registry. + filter(function(widget){ return widget.attr1==10; }). + forEach(function(widget){ names.push(widget.name); }); + t.is(names.join(" "), "bob uncle"); + }, + function byId(t){ + t.is(dijit.byId("three").name, "your"); + }, + function byClass(t){ + var names=[]; + dijit.registry. + byClass("bar"). + forEach(function(widget){ names.push(widget.name); }); + t.is(names.join(" "), "your uncle"); + }, + function deleteTest(t){ + var names=[]; + dijit.byId("two").destroy(); + dijit.byId("four").destroy(); + var names=[]; + dijit.registry.forEach(function(widget){ names.push(widget.name); }); + t.is(names.join(" "), "bob your"); + }, + function getEnclosingWidgetTest(t){ + t.is(dijit.getEnclosingWidget(dojo.byId("not-a-widget")), null); + t.is(dijit.getEnclosingWidget(dojo.byId("three")).name, "your"); + t.is(dijit.getEnclosingWidget(dojo.byId("three.one")).name, "your"); + t.is(dijit.getEnclosingWidget(dojo.byId("three.one.one")).name, "your"); + }, + function isTabNavigable(t){ + t.t(dijit.isTabNavigable(dojo.byId("a-with-href"))); + t.f(dijit.isTabNavigable(dojo.byId("a-without-href"))); + t.t(dijit.isTabNavigable(dojo.byId("area"))); + t.t(dijit.isTabNavigable(dojo.byId("button"))); + t.t(dijit.isTabNavigable(dojo.byId("input"))); + t.t(dijit.isTabNavigable(dojo.byId("object"))); + t.t(dijit.isTabNavigable(dojo.byId("select"))); + t.t(dijit.isTabNavigable(dojo.byId("textarea"))); + t.f(dijit.isTabNavigable(dojo.byId("empty"))); + t.t(dijit.isTabNavigable(dojo.byId("zero-tabindex-div"))); + }, + function findTabNullOnEmpty(t){ + t.is(null, dijit.getFirstInTabbingOrder("empty")); + t.is(null, dijit.getLastInTabbingOrder("empty")); + }, + function findTabElements(t){ + t.is(null, dijit.getFirstInTabbingOrder("div-container")); + t.is(null, dijit.getFirstInTabbingOrder("a-without-href-container")); + t.is("a-with-href", dijit.getFirstInTabbingOrder("a-with-href-container").id); + + // in Safari area elements are not in the tab order + // and their display style property is "none"; + // therefore it is expected that this test will fail + if(!dojo.isSafari){ + t.is("area", dijit.getFirstInTabbingOrder("area-map").id); + } + + t.is("button", dijit.getFirstInTabbingOrder("button-container").id); + t.is("input", dijit.getFirstInTabbingOrder("input-container").id); + t.is("object", dijit.getFirstInTabbingOrder("object-container").id); + t.is("select", dijit.getFirstInTabbingOrder("select-container").id); + t.is("textarea", dijit.getFirstInTabbingOrder("textarea-container").id); + t.is(null, dijit.getLastInTabbingOrder("div-container")); + t.is(null, dijit.getLastInTabbingOrder("a-without-href-container")); + t.is("a-with-href", dijit.getLastInTabbingOrder("a-with-href-container").id); + + // in Safari area elements are not in the tab order + // and their display style property is "none"; + // therefore it is expected that this test will fail + if(!dojo.isSafari){ + t.is("area", dijit.getLastInTabbingOrder("area-map").id); + } + + t.is("button", dijit.getLastInTabbingOrder("button-container").id); + t.is("input", dijit.getLastInTabbingOrder("input-container").id); + t.is("object", dijit.getLastInTabbingOrder("object-container").id); + t.is("select", dijit.getLastInTabbingOrder("select-container").id); + t.is("textarea", dijit.getLastInTabbingOrder("textarea-container").id); + }, + function findTabOnElementRatherThanString(t){ + t.is("a-with-href", dijit.getFirstInTabbingOrder(dojo.byId("a-with-href-container")).id); + t.is("a-with-href", dijit.getLastInTabbingOrder(dojo.byId("a-with-href-container")).id); + }, + function findTabSkipDisabled(t){ + t.is("not-disabled-input", dijit.getFirstInTabbingOrder("skip-disabled").id); + t.is("not-disabled-input", dijit.getLastInTabbingOrder("skip-disabled").id); + }, + function findTabZeroTabindex(t){ + t.is("zero-tabindex-div", dijit.getFirstInTabbingOrder("zero-tabindex-div-container").id); + t.is("zero-tabindex-input", dijit.getFirstInTabbingOrder("zero-tabindex-input-container").id); + t.is("zero-tabindex-div", dijit.getLastInTabbingOrder("zero-tabindex-div-container").id); + t.is("zero-tabindex-input", dijit.getLastInTabbingOrder("zero-tabindex-input-container").id); + }, + function findTabPositiveTabindex(t){ + t.is("positive-tabindex-input1a", dijit.getFirstInTabbingOrder("positive-tabindex-mixed-with-no-tabindex").id); + t.is("positive-tabindex-input3a", dijit.getFirstInTabbingOrder("positive-tabindex").id); + t.is("no-tabindex-input2", dijit.getLastInTabbingOrder("positive-tabindex-mixed-with-no-tabindex").id); + t.is("positive-tabindex-input4b", dijit.getLastInTabbingOrder("positive-tabindex").id); + }, + function findTabSkipMinusOneTabindex(t){ + t.is("not-minus-one-input", dijit.getFirstInTabbingOrder("skip-minus-one").id); + t.is("not-minus-one-input", dijit.getLastInTabbingOrder("skip-minus-one").id); + }, + function findTabDescend(t){ + t.is("child-input1", dijit.getFirstInTabbingOrder("descend").id); + t.is("child-input2", dijit.getLastInTabbingOrder("descend").id); + }, + function findTabOuterInner(t){ + t.is("outer1", dijit.getFirstInTabbingOrder("outer-inner-container").id); + t.is("inner2", dijit.getLastInTabbingOrder("outer-inner-container").id); + }, + function skipNotShown(t){ + t.is(null, dijit.getFirstInTabbingOrder("hidden-element-container")); + t.is(null, dijit.getFirstInTabbingOrder("hidden-container-tabindex-zero")); + t.is(null, dijit.getFirstInTabbingOrder("hidden-container-no-tabindex")); + t.is(null, dijit.getFirstInTabbingOrder("container-with-hidden-containers")); + + t.is(null, dijit.getFirstInTabbingOrder("display-none-element-container")); + t.is(null, dijit.getFirstInTabbingOrder("display-none-container-tabindex-zero")); + t.is(null, dijit.getFirstInTabbingOrder("display-none-container-no-tabindex")); + t.is(null, dijit.getFirstInTabbingOrder("container-with-display-none-containers")); + } + ] + ); + doh.run(); + }); + + </script> +</head> +<body> + <h1>Dijit Manager Unit Test</h1> + <div dojoType="foo" id="one" name="bob" attr1="10" attr2="10"></div> + <div dojoType="foo" id="two" name="is" attr1="5" attr2="10"></div> + <div dojoType="bar" id="three" name="your" attr1="5" attr2="5"> + <div id="three.one"> + <div id="three.one.one"></div> + </div> + </div> + <div dojoType="bar" id="four" name="uncle" attr1="10" attr2="5"></div> + <div id="not-a-widget"></div> + + <div id="empty"></div> + + <div id="div-container"> + <div id="div"></div> + </div> + <div id="a-without-href-container"> + <a id="a-without-href" name="named-link-anchor"></a> + </div> + <div id="a-with-href-container"> + <a id="a-with-href" href="#named-link-anchor"></a> + </div> + + <div><img src="../images/flatScreen.gif" alt="picture of a flat-screen monitor" usemap="#area-map"></div> + <map id="area-map" name="area-map"> + <area id="area" href="#" alt="example area" shape="rect" coords="0,0,8,8"> + </map> + + <div id="button-container"> + <button id="button"></button> + </div> + <div id="input-container"> + <input id="input"> + </div> + <div id="object-container"> + <object id="object"></object> + </div> + <div id="select-container"> + <select id="select"></select> + </div> + <div id="textarea-container"> + <textarea id="textarea"></textarea> + </div> + + <div id="skip-disabled"> + <input id="disabled-input1" disabled="disabled"> + <input id="not-disabled-input"> + <input id="disabled-input2" disabled="disabled"> + </div> + + <div id="zero-tabindex-div-container"> + <div id="zero-tabindex-div" tabindex="0"></div> + </div> + + <div id="zero-tabindex-input-container"> + <input id="zero-tabindex-input" tabindex="0"> + </div> + + <div id="positive-tabindex-mixed-with-no-tabindex"> + <input id="no-tabindex-input1"> + <input id="no-tabindex-input2"> + <input id="positive-tabindex-input1a" tabindex="1"> + <input id="positive-tabindex-input1b" tabindex="1"> + <input id="positive-tabindex-input2a" tabindex="2"> + <input id="positive-tabindex-input2b" tabindex="2"> + </div> + + <div id="positive-tabindex"> + <input id="positive-tabindex-input3a" tabindex="3"> + <input id="positive-tabindex-input3b" tabindex="3"> + <input id="positive-tabindex-input4a" tabindex="4"> + <input id="positive-tabindex-input4b" tabindex="4"> + </div> + + <div id="skip-minus-one"> + <input id="minus-one-input1" tabindex="-1"> + <input id="not-minus-one-input"> + <input id="minus-one-input2" tabindex="-1"> + </div> + + <div id="descend"> + <input disabled="disabled"> + <div> + <input disabled="disabled"> + <div> + <input disabled="disabled"> + </div> + </div> + <div> + <input disabled="disabled"> + <div> + <input disabled="disabled"> + </div> + <div> + <input id="child-input1"> + </div> + <div> + <input id="child-input2"> + </div> + </div> + <div> + <div> + <input disabled="disabled"> + </div> + <input disabled="disabled"> + </div> + <input disabled="disabled"> + </div> + + <div id="outer-inner-container"> + <div id="outer1" tabindex="0"> + <div id="inner1" tabindex="0"></div> + </div> + <div id="outer2" tabindex="0"> + <div id="inner2" tabindex="0"></div> + </div> + </div> + + <div id="hidden-element-container"> + <div id="hidden-element" tabindex="0" style="visibility: hidden;"> + </div> + </div> + + <div id="container-with-hidden-containers"> + <div id="hidden-container-tabindex-zero" tabindex="0" style="visibility: hidden;"> + <div id="inside-hidden-container-tabindex-zero" tabindex="0"> + </div> + </div> + + <div id="hidden-container-no-tabindex" style="visibility: hidden;"> + <div id="inside-hidden-container-no-tabindex" tabindex="0"> + </div> + </div> + </div> + + <div id="display-none-element-container"> + <div id="display-none-element" tabindex="0" style="display: none;"> + </div> + </div> + + <div id="container-with-display-none-containers"> + <div id="display-none-container-tabindex-zero" tabindex="0" style="display: none;"> + <div id="inside-display-none-container-tabindex-zero" tabindex="0"> + </div> + </div> + + <div id="display-none-container-no-tabindex" style="display: none;"> + <div id="inside-display-none-container-no-tabindex" tabindex="0"> + </div> + </div> + </div> +</body> +</html> |