[Dojo-checkins] bill - r26937 - dijit/trunk/tests
dojo-checkins-admin at dojotoolkit.org
dojo-checkins-admin at dojotoolkit.org
Tue Nov 1 07:39:07 EDT 2011
Author: bill
Date: Tue Nov 1 04:39:07 2011
New Revision: 26937
Modified:
dijit/trunk/tests/Tooltip-placement.html
Log:
Rewrite Tooltip-placement.html, removing unnecessary dependency on dijit.form.ValidationTextBox etc. Calling dijit.Tooltip.show() should be sufficient for testing tooltip placement, and will hopefully have less intermittent failures than the old test. Refs #4282 !strict.
Modified: dijit/trunk/tests/Tooltip-placement.html
==============================================================================
--- dijit/trunk/tests/Tooltip-placement.html (original)
+++ dijit/trunk/tests/Tooltip-placement.html Tue Nov 1 04:39:07 2011
@@ -22,17 +22,10 @@
<script type="text/javascript" src="_testCommon.js"></script>
<script type="text/javascript">
dojo.require("doh.runner");
- dojo.require("dojo.parser");
- dojo.require("dijit.dijit"); // optimize: load dijit layer
- dojo.require("dijit.form.ValidationTextBox");
- dojo.require("dijit.layout.ContentPane");
+ dojo.require("dijit.Tooltip");
dojo.ready(function(){
- doh.register("parse", function(){
- dojo.parser.parse();
- });
-
- doh.register("other setup", function(){
+ doh.register("setup", function(){
dijit._MasterTooltip.prototype.duration = 0.05; // speed up tooltip fading
var view = dojo.window.getBox();
var width = view.w;
@@ -40,17 +33,17 @@
if(width < 600){
//Make the larger tooltips smaller so they fit on the page and pass all tests
- dijit.byId("test2").promptMessage="really really really really really really really really really really really really really really really really really really really really";
- dijit.byId("test5").promptMessage="really really really really really really really really really really really really really really really really really really really really";
- dijit.byId("test12").promptMessage="really really really really really really really really really really really really really really really really really really really really";
- dijit.byId("test17").promptMessage="really really really really really really really really really really really really really really really really really really really really";
- dijit.byId("test19").promptMessage="really really really really really really really really really really really really really really really really really really really really";
+ dojo.byId("test2").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really");
+ dojo.byId("test5").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really");
+ dojo.byId("test12").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really");
+ dojo.byId("test17").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really");
+ dojo.byId("test19").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really");
}else if(width > 1200){
//Make a shorter tooltip longer in order to span the whole width
- dijit.byId("test1").promptMessage = "really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a";
- dijit.byId("test4").promptMessage = "really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br>a";
- dijit.byId("test10").promptMessage = "really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br>a";
- dijit.byId("test20").promptMessage="really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br>a"
+ dojo.byId("test1").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a");
+ dojo.byId("test4").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br>a");
+ dojo.byId("test10").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br>a");
+ dojo.byId("test20").setAttribute("promptMessage", "really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br>a");
}
if(height < 600){
@@ -59,52 +52,52 @@
if(i==7){
//skip
}else{
- dijit.byId("test"+i+"_tall_skinny").promptMessage="<br><br><br><br>a";
+ dojo.byId("test"+i+"_tall_skinny").setAttribute("promptMessage", "<br><br><br><br>a");
}
}
}
- dijit.byId("test1").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test1_tall_skinny").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test2").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test2_tall_skinny").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test3").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test3_tall_skinny").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test4").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test4_tall_skinny").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test5").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test5_tall_skinny").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test6").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test6_tall_skinny").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test7").set("style", "width:"+width*(1.1)+"px");
- dijit.byId("test8").set("style", "width:"+width*(0.2)+"px");
- dijit.byId("test8_tall_skinny").set("style", "width:"+width*(0.2)+"px");
- dijit.byId("test9").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test9_tall_skinny").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test10").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test10_tall_skinny").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test11").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test11_tall_skinny").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test12").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test12_tall_skinny").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test13").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test13_tall_skinny").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test14").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test14_tall_skinny").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test15").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test15_tall_skinny").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test16").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test16_tall_skinny").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test17").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test17_tall_skinny").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test18").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test18_tall_skinny").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test19").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test19_tall_skinny").set("style", "width:"+width*(0.3)+"px");
- dijit.byId("test20").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test20_tall_skinny").set("style", "width:"+width*(0.6)+"px");
- dijit.byId("test21").set("style", "width:"+width*(0.9)+"px");
- dijit.byId("test21_tall_skinny").set("style", "width:"+width*(0.9)+"px");
+ dojo.style("test1", "width", width*(0.3)+"px");
+ dojo.style("test1_tall_skinny", "width", width*(0.3)+"px");
+ dojo.style("test2", "width", width*(0.6)+"px");
+ dojo.style("test2_tall_skinny", "width", width*(0.6)+"px");
+ dojo.style("test3", "width", width*(0.9)+"px");
+ dojo.style("test3_tall_skinny", "width", width*(0.9)+"px");
+ dojo.style("test4", "width", width*(0.3)+"px");
+ dojo.style("test4_tall_skinny", "width", width*(0.3)+"px");
+ dojo.style("test5", "width", width*(0.6)+"px");
+ dojo.style("test5_tall_skinny", "width", width*(0.6)+"px");
+ dojo.style("test6", "width", width*(0.9)+"px");
+ dojo.style("test6_tall_skinny", "width", width*(0.9)+"px");
+ dojo.style("test7", "width", width*(1.1)+"px");
+ dojo.style("test8", "width", width*(0.2)+"px");
+ dojo.style("test8_tall_skinny", "width", width*(0.2)+"px");
+ dojo.style("test9", "width", width*(0.3)+"px");
+ dojo.style("test9_tall_skinny", "width", width*(0.3)+"px");
+ dojo.style("test10", "width", width*(0.6)+"px");
+ dojo.style("test10_tall_skinny", "width", width*(0.6)+"px");
+ dojo.style("test11", "width", width*(0.9)+"px");
+ dojo.style("test11_tall_skinny", "width", width*(0.9)+"px");
+ dojo.style("test12", "width", width*(0.3)+"px");
+ dojo.style("test12_tall_skinny", "width", width*(0.3)+"px");
+ dojo.style("test13", "width", width*(0.6)+"px");
+ dojo.style("test13_tall_skinny", "width", width*(0.6)+"px");
+ dojo.style("test14", "width", width*(0.9)+"px");
+ dojo.style("test14_tall_skinny", "width", width*(0.9)+"px");
+ dojo.style("test15", "width", width*(0.9)+"px");
+ dojo.style("test15_tall_skinny", "width", width*(0.9)+"px");
+ dojo.style("test16", "width", width*(0.3)+"px");
+ dojo.style("test16_tall_skinny", "width", width*(0.3)+"px");
+ dojo.style("test17", "width", width*(0.6)+"px");
+ dojo.style("test17_tall_skinny", "width", width*(0.6)+"px");
+ dojo.style("test18", "width", width*(0.9)+"px");
+ dojo.style("test18_tall_skinny", "width", width*(0.9)+"px");
+ dojo.style("test19", "width", width*(0.3)+"px");
+ dojo.style("test19_tall_skinny", "width", width*(0.3)+"px");
+ dojo.style("test20", "width", width*(0.6)+"px");
+ dojo.style("test20_tall_skinny", "width", width*(0.6)+"px");
+ dojo.style("test21", "width", width*(0.9)+"px");
+ dojo.style("test21_tall_skinny", "width", width*(0.9)+"px");
});
//Verify the following is true:
@@ -115,7 +108,7 @@
function testRightOrLeft(textbox, verifyFullWidthIsUtilized){
verifyTooltipArrowPosition(textbox);
- var textboxPos = dojo.position(textbox.domNode);
+ var textboxPos = dojo.position(textbox);
var tooltipContainerPos = dojo.position(dojo.query(".dijitTooltip")[0]);
var xDiff = textboxPos.x - tooltipContainerPos.x - tooltipContainerPos.w;
@@ -156,7 +149,7 @@
}
function toTheLeftOrRight(textbox){
- var textboxPos = dojo.position(textbox.domNode);
+ var textboxPos = dojo.position(textbox);
var tooltipContainerPos = dojo.position(dojo.query(".dijitTooltip")[0]);
var xDiff = textboxPos.x - tooltipContainerPos.x - tooltipContainerPos.w;
@@ -170,7 +163,7 @@
//Verify the tooltip arrow is next to the textbox
function verifyTooltipArrowPosition(textbox){
- var textboxPos = dojo.position(textbox.domNode);
+ var textboxPos = dojo.position(textbox);
var tooltipConnectorPos = dojo.position(dojo.query(".dijitTooltipConnector")[0]);
var middleOfTextbox = textboxPos.y + (textboxPos.h / 2);
@@ -198,7 +191,7 @@
}
function testAboveBelow(textbox, verifyConnectorPosition){
- var textboxPos = dojo.position(textbox.domNode);
+ var textboxPos = dojo.position(textbox);
var tooltipConnectorPos = dojo.position(dojo.query(".dijitTooltipConnector")[0]);
var tooltipContainerPos = dojo.position(dojo.query(".dijitTooltip")[0]);
@@ -214,330 +207,142 @@
yDiff = tooltipContainerPos.y - textboxPos.y - textboxPos.h;
var below = yDiff >= -0.5 && yDiff < 1;
- doh.t(above || below);
+ doh.t(above || below, "above || below");
}
- var widget, handler;
-
- // init tests for each group
- var tooltip_left_right_tall_skinny = [{
- name: "test1_tall_skinny",
- timeout: 4000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId("test1_tall_skinny");
-
- dojo.byId("aboveBelowButton").focus();
- widget.set('value', null);
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- testRightOrLeft(widget, false);
- }));
- dijit.byId("test7").focusNode.focus(); //hack for IE6. test1 is not getting focus in IE6 if we don't focus something else first
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- }];
- var tooltip_left_right = [{
- name: "test1",
- timeout: 4000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId("test1");
-
- dojo.byId("aboveBelowButton").focus();
- widget.set('value', null);
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- testRightOrLeft(widget, true);
- }));
- dijit.byId("test7").focusNode.focus(); //hack for IE6. test1 is not getting focus in IE6 if we don't focus something else first
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- }];
- var tooltip_left_right_small = [{
- name: "test1_lrs",
- timeout: 6000,
- runTest: function(){
- var d = new doh.Deferred();
-
- var widget = dijit.byId("test1");
- widget.set('value', null);
-
- dijit.byId("test7").focusNode.focus();
-
- setTimeout(function(){ widget.focusNode.focus();}, 500);
-
- setTimeout(d.getTestCallback(function(){
- testRightOrLeft(widget, false);
- }), 1000);
- return d;
- }
- }];
- var tooltip_above_below_small = [{
- name: "test1_abs",
- timeout: 3000,
- runTest: function(){
- var d = new doh.Deferred();
-
- var widget = dijit.byId("test1");
- dojo.byId("aboveBelowButton").focus();
- dojo.byId("aboveBelowButton").click();
- widget.focusNode.focus();
-
- setTimeout(d.getTestCallback(function(){
- testAboveBelow(widget, true);
- }), 1000);
- return d;
- }
- }];
- var tooltip_above_below = [{
- name: "test1_ab",
- timeout: 5000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId("test1");
-
- widget.set('value', "a");
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- testAboveBelow(widget, true);
- }));
-
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- }];
- var tooltip_above_below_tall_skinny = [{
- name: "test1_ab_tall_skinny",
- timeout: 5000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId("test1_tall_skinny");
-
- widget.set('value', "a");
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- testAboveBelow(widget, true);
- }));
-
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- }];
- var tooltip_left_right_overflow = [{
- name: "test22",
- timeout: 4000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId("test22");
- var cp = dijit.byId("test22_cp");
-
- dojo.byId("afterBeforeButton").focus();
- dojo.byId("afterBeforeButton").click();
- widget.set('value', null);
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- toTheLeftOrRight(cp, true);
- }));
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- }];
- var tooltip_left_right_overflow_rtl = [{
- name: "test23",
- timeout: 4000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId("test23");
- var cp = dijit.byId("test23_cp");
-
- widget.set('value', null);
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- toTheLeftOrRight(cp, true);
- }));
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- }];
-
- // rest of tests
- for(var i=2; i<=21; i++){
+ for(var i=1; i<=21; i++){
if(i==7){ continue; }
- tooltip_left_right_tall_skinny.push({
- name: "test"+i+"_tall_skinny",
- widget: "test"+i+"_tall_skinny",
- timeout: 3000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId(this.widget);
-
- widget.set('value', null);
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- testRightOrLeft(widget, false);
- }));
- dojo.window.scrollIntoView(widget.focusNode);
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- });
- tooltip_left_right.push({
- name: "test"+i,
- widget: "test"+i,
- timeout: 3000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId(this.widget);
-
- widget.set('value', null);
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- var id = widget.id;
- if(id=="test3" || id=="test6" || id=="test8" || id=="test9" || id=="test13" || id=="test16" || id=="test21"){
- //These are the nowrap tests and therefore we should only verify the arrow is pointing to the textbox
- testNoWrapOrLargeWords(widget);
- }else{
- testRightOrLeft(widget, true);
+ (function(i){
+ // Need the closure to run tests on each node, rather than repeating on "test21" node
+ var node = dojo.byId("test"+i),
+ skinnyNode = dojo.byId("test"+i+"_tall_skinny"),
+ nowrapTest = (i==3 || i==6 || i==8 || i==9 || i==13 || i==16 || i==21);
+ doh.register("test" + i, [
+ {
+ name: "test"+i+"_tall_skinny",
+ runTest: function(){
+ var d = new doh.Deferred();
+ dojo.window.scrollIntoView(skinnyNode);
+ dijit.Tooltip.show(skinnyNode.getAttribute("promptMessage"), skinnyNode);
+ setTimeout(d.getTestCallback(function(){
+ // use timeout to wait for fade out of tooltip from old position, and fade in to new position
+ testRightOrLeft(skinnyNode, false);
+ }), 100);
+ return d;
}
- }));
- dojo.window.scrollIntoView(widget.focusNode);
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- });
- tooltip_left_right_small.push({
- name: "test"+i+"_lrs",
- widget: "test"+i,
- timeout: 3000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId(this.widget);
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- testRightOrLeft(widget, false);
- }));
- widget.focusNode.focus();
-
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- });
- tooltip_above_below_small.push({
- name: "test"+i+"_abs",
- widget: "test"+i,
- timeout: 3000,
- runTest: function(){
- var d = new doh.Deferred();
- widget = dijit.byId(this.widget);
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- testAboveBelow(widget, true);
- }));
- widget.focusNode.focus();
+ },
+ {
+ name: "test"+i,
+ runTest: function(){
+ var d = new doh.Deferred();
+ dojo.window.scrollIntoView(node);
+ dijit.Tooltip.show(node.getAttribute("promptMessage"), node);
+ setTimeout(d.getTestCallback(function(){
+ // use timeout to wait for fade out of tooltip from old position, and fade in to new position
+ if(nowrapTest){
+ // For nowrap tests we should only verify the arrow is pointing to the textbox
+ testNoWrapOrLargeWords(node);
+ }else{
+ testRightOrLeft(node, true);
+ }
+ }), 100);
+ return d;
+ }
+ },
+ {
+ name: "test"+i+"_lrs",
+ runTest: function(){
+ var d = new doh.Deferred();
+ dijit.Tooltip.show("!", node);
+ setTimeout(d.getTestCallback(function(){
+ // use timeout to wait for fade out of tooltip from old position, and fade in to new position
+ testRightOrLeft(node, false);
+ }), 100);
+ return d;
+ }
+ },
+ {
+ name: "test"+i+"_abs",
+ runTest: function(){
+ var d = new doh.Deferred();
+ dojo.window.scrollIntoView(node);
+ dijit.Tooltip.hide(node); // needed since show() below matches node & content of show() above
+ dijit.Tooltip.show("!", node, ["below", "above"]);
+ setTimeout(d.getTestCallback(function(){
+ // use timeout to wait for fade out of tooltip from old position, and fade in to new position
+ testAboveBelow(node, true);
+ }), 100);
+ return d;
+ }
+ },
+ {
+ name: "test"+i+"_ab",
+ runTest: function(){
+ var d = new doh.Deferred();
+ dijit.Tooltip.show(node.getAttribute("promptMessage"), node, ["below", "above"]);
+ setTimeout(d.getTestCallback(function(){
+ // use timeout to wait for fade out of tooltip from old position, and fade in to new position
+ if(nowrapTest){
+ // For nowrap tests we should only verify the arrow is pointing to the textbox
+ // (in most cases it's off the screen)
+ testAboveBelow(node, false);
+ }else{
+ testAboveBelow(node, true);
+ }
+ }), 100);
+ return d;
+ }
+ },
+ {
+ name: "test"+i+"_ab_tall_skinny",
+ runTest: function(){
+ var d = new doh.Deferred();
+ dojo.window.scrollIntoView(skinnyNode);
+ dijit.Tooltip.show(skinnyNode.getAttribute("promptMessage"), skinnyNode, ["below", "above"]);
+ setTimeout(d.getTestCallback(function(){
+ // use timeout to wait for fade out of tooltip from old position, and fade in to new position
+ testAboveBelow(skinnyNode, true);
+ }), 100);
+ return d;
+ }
+ }
+ ]);
+ })(i); // end closure
+ }
- return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
- }
- });
- tooltip_above_below.push({
- name: "test"+i+"_ab",
- widget: "test"+i,
- timeout: 5000,
+ doh.register("anchor inside overflowed div", [
+ {
+ name: "test22",
runTest: function(){
var d = new doh.Deferred();
- widget = dijit.byId(this.widget);
-
- widget.set('value', "a");
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- var id = widget.id;
- if(id=="test3" || id=="test6" || id=="test8" || id=="test9" || id=="test13" || id=="test16" || id=="test21"){
- //These are the nowrap tests and therefore we should only verify the arrow is pointing to the textbox (in most cases it's off the screen)
- testAboveBelow(widget, false);
- }else{
- testAboveBelow(widget, true);
- }
- }));
-
- widget.focusNode.focus();
-
+ var node = dojo.byId("test22");
+ var cp = dojo.byId("test22_cp");
+ dojo.window.scrollIntoView(cp);
+ dijit.Tooltip.hide(node); // needed since show() below matches node & content of show() above
+ dijit.Tooltip.show(node.getAttribute("promptMessage"), node);
+ setTimeout(d.getTestCallback(function(){
+ // use timeout to wait for fade out of tooltip from old position, and fade in to new position
+ toTheLeftOrRight(cp, true);
+ }), 100);
return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
}
- });
- tooltip_above_below_tall_skinny.push({
- name: "test"+i+"_ab_tall_skinny",
- widget: "test"+i+"_tall_skinny",
- timeout: 5000,
+ },
+ {
+ name: "test23",
runTest: function(){
var d = new doh.Deferred();
- widget = dijit.byId(this.widget);
-
- widget.set('value', "a");
-
- handler = dojo.connect(dijit._MasterTooltip.prototype, "_onShow", d.getTestCallback(function(){
- testAboveBelow(widget, true);
- }));
-
- widget.focusNode.focus();
-
+ var node = dojo.byId("test23");
+ var cp = dojo.byId("test23_cp");
+ dijit.Tooltip.show(node.getAttribute("promptMessage"), node, null, true);
+ setTimeout(d.getTestCallback(function(){
+ // use timeout to wait for fade out of tooltip from old position, and fade in to new position
+ toTheLeftOrRight(cp, true);
+ }), 100);
return d;
- },
- tearDown: function(){
- dojo.disconnect(handler);
}
- });
- }
+ }
+ ]);
- doh.register("tooltip_left_right_tall_skinny", tooltip_left_right_tall_skinny);
- doh.register("tooltip_left_right", tooltip_left_right);
- doh.register("tooltip_left_right_small", tooltip_left_right_small);
- doh.register("tooltip_above_below_small", tooltip_above_below_small);
- doh.register("tooltip_above_below", tooltip_above_below);
- doh.register("tooltip_above_below_tall_skinny", tooltip_above_below_tall_skinny);
- doh.register("tooltip_left_right_overflow", tooltip_left_right_overflow);
- doh.register("tooltip_left_right_overflow_rtl", tooltip_left_right_overflow_rtl);
doh.run();
});
</script>
@@ -547,86 +352,77 @@
<tr>
<td style="text-align:right;">
- <input type="text" id="test1" name="test1" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test1" promptMessage='really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test1_tall_skinny" name="test1_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test1_tall_skinny" name="test1_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test2" name="test2" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really
really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really really really really really really really really really really really reallybig', required:true, missingMessage:'!'"/>
+ <input type="text" id="test2" promptMessage='really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really reall
y really really really really really really reallyreally really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really really really really really really really really really really really reallybig'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test2_tall_skinny" name="test2_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test2_tall_skinny" name="test2_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test3" name="test3" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'reallyreallylonggermanwordreallyreallyreallyreallyreallyreallyreallylongword big', required:true, missingMessage:'!'"/>
+ <input type="text" id="test3" promptMessage='reallyreallylonggermanwordreallyreallyreallyreallyreallyreallyreallylongword big'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test3_tall_skinny" name="test3_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test3_tall_skinny" name="test3_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test4" name="test4" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test4" promptMessage='really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test4_tall_skinny" name="test4_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test4_tall_skinny" name="test4_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test5" name="test5" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really real
ly really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallybig', required:true, missingMessage:'!'"/>
+ <input type="text" id="test5" promptMessage='really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyrea
lly really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallybig'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test5_tall_skinny" name="test5_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test5_tall_skinny" name="test5_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test6" name="test6" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<div style=\'white-space: nowrap\'>really really really really big</div>', required:true, missingMessage:'!'"/>
+ <input type="text" id="test6" promptMessage="<div style='white-space: nowrap'>really really really really big</div>"/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test6_tall_skinny" name="test6_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test6_tall_skinny" name="test6_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test7" name="test7" data-dojo-type="dijit.form.ValidationTextBox"/>
+ <input type="text" id="test7" name="test7"/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test8" name="test8" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<div style=\'white-space: nowrap\'>really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a</div>', required:true, missingMessage:'!'"/>
+ <input type="text" id="test8" promptMessage="<div style='white-space: nowrap'>really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a</div>"/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test8_tall_skinny" name="test8_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
- </td>
- </tr>
- <tr>
- <td>
- <button id="aboveBelowButton" onclick="dijit.Tooltip.defaultPosition=['above', 'below']; dojo.byId('current').innerHTML='Current: ' + dijit.Tooltip.defaultPosition;">above, below</button>
- <button id="afterBeforeButton" onclick="dijit.Tooltip.defaultPosition=['after', 'before']; dojo.byId('current').innerHTML='Current: ' + dijit.Tooltip.defaultPosition;">after, before (default)</button>
- <div id=current>
- Current: default (unchanged)
- </div>
+ <input type="text" id="test8_tall_skinny" name="test8_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
@@ -636,72 +432,72 @@
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test9" name="test9" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'reallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallylongword', required:true, missingMessage:'!'"/>
+ <input type="text" id="test9" promptMessage='reallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallylongword'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test9_tall_skinny" name="test9_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test9_tall_skinny" name="test9_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test10" name="test10" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test10" promptMessage='really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test10_tall_skinny" name="test10_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test10_tall_skinny" name="test10_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test11" name="test11" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'a a a a a a a a a a a a a a a a a a a a a a a a a a a a<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test11" promptMessage='a a a a a a a a a a a a a a a a a a a a a a a a a a a a<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test11_tall_skinny" name="test11_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test11_tall_skinny" name="test11_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test12" name="test12" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyre
ally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really reall
y really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really big', required:true, missingMessage:'!'"/>
+ <input type="text" id="test12" promptMessage='really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really r
eally really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really reall
y really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really big'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test12_tall_skinny" name="test12_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test12_tall_skinny" name="test12_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test13" name="test13" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<div style=\'white-space: nowrap\'>really really really really really really really really really really really really really really really really really big</div>', required:true, missingMessage:'!'"/>
+ <input type="text" id="test13" promptMessage="<div style='white-space: nowrap'>really really really really really really really really really really really really really really really really really big</div>"/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test13_tall_skinny" name="test13_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test13_tall_skinny" name="test13_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test14" name="test14" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really rea
lly really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really big', required:true, missingMessage:'!'"/>
+ <input type="text" id="test14" promptMessage='really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really rea
lly really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really big'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test14_tall_skinny" name="test14_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test14_tall_skinny" name="test14_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test15" name="test15" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'a a a a a a a a a a a a a a a a a a<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test15" promptMessage='a a a a a a a a a a a a a a a a a a<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test15_tall_skinny" name="test15_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test15_tall_skinny" name="test15_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
@@ -711,74 +507,74 @@
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test16" name="test16" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'reallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallylongword big word really big word', required:true, missingMessage:'!'"/>
+ <input type="text" id="test16" promptMessage='reallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallyreallylongword big word really big word'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test16_tall_skinny" name="test16_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test16_tall_skinny" name="test16_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test17" name="test17" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really rea
lly really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really
really really really really really really reallyreally really really really really really really really really really really really really really really really really big', required:true, missingMessage:'!'"/>
+ <input type="text" id="test17" promptMessage='really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really re
allyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really
really really really really really really really really really really really big'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test17_tall_skinny" name="test17_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test17_tall_skinny" name="test17_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test18" name="test18" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'a a a a a a a a a a a a a a a a a a a a a a<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test18" promptMessage='a a a a a a a a a a a a a a a a a a a a a a<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:right;">
- <input type="text" id="test18_tall_skinny" name="test18_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test18_tall_skinny" name="test18_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test19" name="test19" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyre
ally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really reall
y really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really big', required:true, missingMessage:'!'"/>
+ <input type="text" id="test19" promptMessage='really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really r
eally really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really reall
y really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really reallyreally really really really really really really really really really really really really really really really really big'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test19_tall_skinny" name="test19_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test19_tall_skinny" name="test19_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test20" name="test20" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test20" promptMessage='really really really really really really really really really really really really really really really really really really really<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test20_tall_skinny" name="test20_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test20_tall_skinny" name="test20_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test21" name="test21" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'reallyreallyreallyreallyreallyreallylongword<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test21" promptMessage='reallyreallyreallyreallyreallyreallylongword<br><br><br><br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
<tr>
<td style="text-align:left;">
- <input type="text" id="test21_tall_skinny" name="test21_tall_skinny" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="regExp:'ab', promptMessage:'<br><br><br><br><br><br><br><br><br><br><br>a', required:true, missingMessage:'!'"/>
+ <input type="text" id="test21_tall_skinny" name="test21_tall_skinny" promptMessage='<br><br><br><br><br><br><br><br><br><br><br>a'/>
</td>
</tr>
</table>
-<div id="test22_cp" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="style:{height:'90px', width:'100px', padding:'0px'}">
- <input type="text" id="test22" name="test22" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="style:{fontSize:'100pt'}, promptMessage:'test overflow', required:true"/>
+<div id="test22_cp" style="height:90px; width:100px; padding:0px; overflow: auto;">
+ <input type="text" id="test22" style="fontSize:100pt" promptMessage='test overflow'/>
<br><br><br><br><br>
</div>
-<table width='100%' align='left'><tr><td width='95%'></td><td style="width:'5%'">
-<div id="test23_cp" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="dir:'rtl', style:{height:'100px', width:'100px', border:'1px', overflow:'scroll'}">
- <input type="text" id="test23" name="test23" data-dojo-type="dijit.form.ValidationTextBox" data-dojo-props="dir:'rtl', style:{fontSize:'20pt'}, promptMessage:'test overflow', required:true"/>
+<table width='100%' align='left'><tr><td width='95%'></td><td style="width:5%">
+<div id="test23_cp" dir='rtl' style="height:100px; width:100px; border:1px; overflow:scroll">
+ <input type="text" id="test23" dir='rtl' style="fontSize:20pt" promptMessage='test overflow'/>
</div>
</td></tr></table>
More information about the Dojo-checkins
mailing list