jQuery UI Dialog Test Suite
- - - -
-
-
-
-
+
+
+
+ Dialog Content
-jQuery UI Dialog Test Suite
+ + + +
+
+
+
+
diff --git a/tests/dialog.js b/tests/dialog.js
index b6362aa4e6..a2e1435992 100644
--- a/tests/dialog.js
+++ b/tests/dialog.js
@@ -1,675 +1,675 @@
-/*
- * dialog unit tests
- */
-(function($) {
-//
-// Dialog Test Helper Functions
-//
-
-var defaults = {
- autoOpen: true,
- autoResize: true,
- buttons: {},
- disabled: false,
- dialogClass: null,
- draggable: true,
- height: 200,
- maxHeight: null,
- maxWidth: null,
- minHeight: 100,
- minWidth: 150,
- modal: false,
- overlay: {},
- position: 'center',
- resizable: true,
- stack: true,
- title: '',
- width: 300
-};
-
-var el,
- offsetBefore, offsetAfter,
- heightBefore, heightAfter,
- widthBefore, widthAfter,
- dragged;
-
-function dlg() {
- return el.data("dialog").element.parents(".ui-dialog:first");
-}
-
-function isOpen(why) {
- ok(dlg().is(":visible"), why);
-}
-
-function isNotOpen(why) {
- ok(!dlg().is(":visible"), why);
-}
-
-function drag(handle, dx, dy) {
- var d = dlg();
- offsetBefore = d.offset();
- heightBefore = d.height();
- widthBefore = d.width();
- //this mouseover is to work around a limitation in resizable
- //TODO: fix resizable so handle doesn't require mouseover in order to be used
- $(handle, d).simulate("mouseover");
- $(handle, d).simulate("drag", {
- dx: dx || 0,
- dy: dy || 0
- });
- dragged = { dx: dx, dy: dy };
- offsetAfter = d.offset();
- heightAfter = d.height();
- widthAfter = d.width();
-}
-
-function moved(dx, dy, msg) {
- msg = msg ? msg + "." : "";
- var actual = { left: offsetAfter.left, top: offsetAfter.top };
- var expected = { left: offsetBefore.left + dx, top: offsetBefore.top + dy };
- compare2(actual, expected, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
-}
-
-function shouldmove(why) {
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, 50);
- moved(50, 50, why);
-}
-
-function shouldnotmove(why) {
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, 50);
- moved(0, 0, why);
-}
-
-function resized(dw, dh, msg) {
- msg = msg ? msg + "." : "";
- var actual = { width: widthAfter, height: heightAfter };
- var expected = { width: widthBefore + dw, height: heightBefore + dh };
- compare2(actual, expected, 'resized[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
-}
-
-function shouldresize(why) {
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- resized(50, 50, why);
-}
-
-function shouldnotresize(why) {
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- resized(0, 0, why);
-}
-
-function broder(el, side){
- return parseInt(el.css('border-' + side + '-width'), 10);
-}
-
-function margin(el, side) {
- return parseInt(el.css('margin-' + side), 10);
-}
-
-// Dialog Tests
-module("dialog");
-
-test("init", function() {
- expect(6);
-
- $("#dialog1").dialog().remove();
- ok(true, '.dialog() called on element');
-
- $([]).dialog().remove();
- ok(true, '.dialog() called on empty collection');
-
- $('').dialog().remove();
- ok(true, '.dialog() called on disconnected DOMElement');
-
- $('').dialog().dialog("foo").remove();
- ok(true, 'arbitrary method called after init');
-
- el = $('').dialog();
- var foo = el.data("foo.dialog");
- el.remove();
- ok(true, 'arbitrary option getter after init');
-
- $('').dialog().data("foo.dialog", "bar").remove();
- ok(true, 'arbitrary option setter after init');
-});
-
-test("destroy", function() {
- expect(6);
-
- $("#dialog1").dialog().dialog("destroy").remove();
- ok(true, '.dialog("destroy") called on element');
-
- $([]).dialog().dialog("destroy").remove();
- ok(true, '.dialog("destroy") called on empty collection');
-
- $('').dialog().dialog("destroy").remove();
- ok(true, '.dialog("destroy") called on disconnected DOMElement');
-
- $('').dialog().dialog("destroy").dialog("foo").remove();
- ok(true, 'arbitrary method called after destroy');
-
- el = $('').dialog();
- var foo = el.dialog("destroy").data("foo.dialog");
- el.remove();
- ok(true, 'arbitrary option getter after destroy');
-
- $('').dialog().dialog("destroy").data("foo.dialog", "bar").remove();
- ok(true, 'arbitrary option setter after destroy');
-});
-
-/*
-//This one takes a while to run
-
-test("element types", function() {
- var typeNames = ('p,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,div,form'
- + ',table,fieldset,address,ins,del,em,strong,q,cite,dfn,abbr'
- + ',acronym,code,samp,kbd,var,img,object,hr'
- + ',input,button,label,select,iframe').split(',');
-
- $.each(typeNames, function(i) {
- var typeName = typeNames[i];
- el = $(document.createElement(typeName)).appendTo('body');
- (typeName == 'table' && el.append("Dialog Content
+content
content
content
content
content
').dialog({ autoResize: false });
- expected = { height: el.height() };
- handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- actual = { height: el.height() };
- compare2(actual, expected, '.dialog({ autoResize: false })');
- el.remove();
- el = $('content
content
content
content
content
content
content
content
content
').dialog({ autoResize: true });
- before = { width: el.width(), height: el.height() };
- handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- expected = { width: before.width + 50, height: before.height + 50 };
- actual = { width: el.width(), height: el.height() };
- compare2(actual, expected, '.dialog({ autoResize: true })');
- el.remove();
-});
-
-test("buttons", function() {
- expect(17);
-
- var buttons = {
- "Ok": function(ev, ui) {
- ok(true, "button click fires callback");
- equals(this, el[0], "context of callback");
- equals(ev.target, btn[0], "event target");
- },
- "Cancel": function(ev, ui) {
- ok(true, "button click fires callback");
- equals(this, el[0], "context of callback");
- equals(ev.target, btn[1], "event target");
- }
- };
-
- el = $('').dialog({ buttons: buttons });
- var btn = $("button", dlg());
- equals(btn.length, 2, "number of buttons");
-
- var i = 0;
- $.each(buttons, function(key, val) {
- equals(btn.eq(i).text(), key, "text of button " + (i+1));
- i++;
- });
-
- equals(btn.parent().attr('className'), 'ui-dialog-buttonpane', "buttons in container");
- btn.trigger("click");
-
- var newButtons = {
- "Close": function(ev, ui) {
- ok(true, "button click fires callback");
- equals(this, el[0], "context of callback");
- equals(ev.target, btn[0], "event target");
- }
- };
-
- equals(el.data("buttons.dialog"), buttons, '.data("buttons.dialog") getter');
- el.data("buttons.dialog", newButtons);
- equals(el.data("buttons.dialog"), newButtons, '.data("buttons.dialog", ...) setter');
-
- btn = $("button", dlg());
- equals(btn.length, 1, "number of buttons after setter");
- btn.trigger('click');
-
- i = 0;
- $.each(newButtons, function(key, val) {
- equals(btn.eq(i).text(), key, "text of button " + (i+1));
- i += 1;
- });
-
- el.remove();
-});
-
-test("dialogClass", function() {
- expect(4);
-
- el = $('').dialog();
- equals(dlg().is(".foo"), false, 'dialogClass not specified. foo class added');
- el.remove();
-
- el = $('').dialog({ dialogClass: "foo" });
- equals(dlg().is(".foo"), true, 'dialogClass in init. foo class added');
- el.remove();
-
- el = $('').dialog({ dialogClass: "foo bar" });
- equals(dlg().is(".foo"), true, 'dialogClass in init, two classes. foo class added');
- equals(dlg().is(".bar"), true, 'dialogClass in init, two classes. bar class added');
- el.remove();
-});
-
-test("draggable", function() {
- expect(4);
-
- el = $('').dialog({ draggable: false });
- shouldnotmove();
- el.data('draggable.dialog', true);
- shouldmove();
- el.remove();
-
- el = $('').dialog({ draggable: true });
- shouldmove();
- el.data('draggable.dialog', false);
- shouldnotmove();
- el.remove();
-});
-
-test("height", function() {
- expect(3);
-
- el = $('').dialog();
- equals(dlg().height(), defaults.height, "default height");
- el.remove();
-
- el = $('').dialog({ height: 437 });
- equals(dlg().height(), 437, "explicit height");
- el.remove();
-
- el = $('').dialog();
- el.data('height.dialog', 438);
- equals(dlg().height(), 438, "explicit height set after init");
- el.remove();
-});
-
-test("maxHeight", function() {
- expect(3);
-
- el = $('').dialog({ maxHeight: 400 });
- drag('.ui-resizable-s', 1000, 1000);
- equals(heightAfter, 400, "maxHeight");
- el.remove();
-
- el = $('').dialog({ maxHeight: 400 });
- drag('.ui-resizable-n', -1000, -1000);
- equals(heightAfter, 400, "maxHeight");
- el.remove();
-
- el = $('').dialog({ maxHeight: 400 }).data('maxHeight.dialog', 600);
- drag('.ui-resizable-n', -1000, -1000);
- equals(heightAfter, 600, "maxHeight");
- el.remove();
-});
-
-test("maxWidth", function() {
- expect(3);
-
- el = $('').dialog({ maxWidth: 400 });
- drag('.ui-resizable-e', 1000, 1000);
- equals(widthAfter, 400, "maxWidth");
- el.remove();
-
- el = $('').dialog({ maxWidth: 400 });
- drag('.ui-resizable-w', -1000, -1000);
- equals(widthAfter, 400, "maxWidth");
- el.remove();
-
- el = $('').dialog({ maxWidth: 400 }).data('maxWidth.dialog', 600);
- drag('.ui-resizable-w', -1000, -1000);
- equals(widthAfter, 600, "maxWidth");
- el.remove();
-});
-
-test("minHeight", function() {
- expect(3);
-
- el = $('').dialog({ minHeight: 10 });
- drag('.ui-resizable-s', -1000, -1000);
- equals(heightAfter, 10, "minHeight");
- el.remove();
-
- el = $('').dialog({ minHeight: 10 });
- drag('.ui-resizable-n', 1000, 1000);
- equals(heightAfter, 10, "minHeight");
- el.remove();
-
- el = $('').dialog({ minHeight: 10 }).data('minHeight.dialog', 30);
- drag('.ui-resizable-n', 1000, 1000);
- equals(heightAfter, 30, "minHeight");
- el.remove();
-});
-
-test("minWidth", function() {
- expect(3);
-
- el = $('').dialog({ minWidth: 10 });
- drag('.ui-resizable-e', -1000, -1000);
- equals(widthAfter, 10, "minWidth");
- el.remove();
-
- el = $('').dialog({ minWidth: 10 });
- drag('.ui-resizable-w', 1000, 1000);
- equals(widthAfter, 10, "minWidth");
- el.remove();
-
- el = $('').dialog({ minWidth: 30 }).data('minWidth.dialog', 30);
- drag('.ui-resizable-w', 1000, 1000);
- equals(widthAfter, 30, "minWidth");
- el.remove();
-});
-
-test("modal", function() {
- ok(false, "missing test");
-});
-
-test("overlay", function() {
- ok(false, "missing test");
-});
-
-test("position", function() {
- ok(false, "missing test");
-});
-
-test("resizable", function() {
- expect(4);
-
- el = $('').dialog();
- shouldresize("[default]");
- el.data('resizable.dialog', false);
- shouldnotresize('disabled after init');
- el.remove();
-
- el = $('').dialog({ resizable: false });
- shouldnotresize("disabled in init options");
- el.data('resizable.dialog', true);
- shouldresize('enabled after init');
- el.remove();
-});
-
-test("stack", function() {
- ok(false, "missing test");
-});
-
-test("title", function() {
- expect(5);
-
- function titleText() {
- return dlg().find(".ui-dialog-title").html();
- }
-
- el = $('').dialog();
- equals(titleText(), " ", "[default]");
- el.remove();
-
- el = $('').dialog();
- equals(titleText(), "foo", "title in element attribute");
- el.remove();
-
- el = $('').dialog({ title: 'foo' });
- equals(titleText(), "foo", "title in init options");
- el.remove();
-
- el = $('').dialog({ title: 'bar' });
- equals(titleText(), "bar", "title in init options should override title in element attribute");
- el.remove();
-
- el = $('').dialog().data('title.dialog', 'foo');
- equals(titleText(), 'foo', 'title after init');
- el.remove();
-});
-
-test("width", function() {
- expect(3);
-
- el = $('').dialog();
- equals(dlg().width(), defaults.width, "default width");
- el.remove();
-
- el = $('').dialog({width: 437 });
- equals(dlg().width(), 437, "explicit width");
- el.data('width.dialog', 438);
- equals(dlg().width(), 438, 'explicit width after init');
- el.remove();
-});
-
-module("dialog: Methods");
-
-test("isOpen", function() {
- expect(4);
-
- el = $('').dialog();
- equals(el.dialog('isOpen'), true, "dialog is open after init");
- el.dialog('close');
- equals(el.dialog('isOpen'), false, "dialog is closed");
- el.remove();
-
- el = $('').dialog({autoOpen: false});
- equals(el.dialog('isOpen'), false, "dialog is closed after init");
- el.dialog('open');
- equals(el.dialog('isOpen'), true, "dialog is open");
- el.remove();
-});
-
-module("dialog: Callbacks");
-
-test("open", function() {
- expect(4);
- el = $("");
- el.dialog({
- open: function(ev, ui) {
- ok(true, 'autoOpen: true fires open callback');
- equals(this, el[0], "context of callback");
- }
- });
- el.remove();
- el = $("");
- el.dialog({
- autoOpen: false,
- open: function(ev, ui) {
- ok(true, '.dialog("open") fires open callback');
- equals(this, el[0], "context of callback");
- }
- });
- el.dialog("open");
- el.remove();
-});
-
-test("dragStart", function() {
- expect(1);
- el = $("");
- el.dialog({
- dragStart: function(ev, ui) {
- equals(this, el[0], "context of callback");
- }
- });
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, 50);
- el.remove();
-});
-
-test("drag", function() {
- var fired = false;
- el = $("");
- el.dialog({
- drag: function(ev, ui) {
- fired = true;
- equals(this, el[0], "context of callback");
- }
- });
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, 50);
- ok(fired, "resize fired");
- el.remove();
-});
-
-test("dragStop", function() {
- expect(1);
- el = $("");
- el.dialog({
- dragStop: function(ev, ui) {
- equals(this, el[0], "context of callback");
- }
- });
- var handle = $(".ui-dialog-titlebar", dlg());
- drag(handle, 50, 50);
- el.remove();
-});
-
-test("resizeStart", function() {
- expect(1);
- el = $("");
- el.dialog({
- resizeStart: function(ev, ui) {
- equals(this, el[0], "context of callback");
- }
- });
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- el.remove();
-});
-
-test("resize", function() {
- var fired = false;
- el = $("");
- el.dialog({
- resize: function(ev, ui) {
- fired = true;
- equals(this, el[0], "context of callback");
- }
- });
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- ok(fired, "resize fired");
- el.remove();
-});
-
-test("resizeStop", function() {
- expect(1);
- el = $("");
- el.dialog({
- resizeStop: function(ev, ui) {
- equals(this, el[0], "context of callback");
- }
- });
- var handle = $(".ui-resizable-se", dlg());
- drag(handle, 50, 50);
- el.remove();
-});
-
-test("close", function() {
- expect(2);
- el = $('').dialog({
- close: function(ev, ui) {
- ok(true, '.dialog("close") fires close callback');
- equals(this, el[0], "context of callback");
- }
- });
- el.dialog("close");
- el.remove();
-});
-
-test("beforeclose", function() {
- expect(6);
-
- el = $('').dialog({
- beforeclose: function(ev, ui) {
- ok(true, '.dialog("close") fires beforeclose callback');
- equals(this, el[0], "context of callback");
- return false;
- }
- });
- el.dialog('close');
- isOpen('beforeclose callback should prevent dialog from closing');
- el.remove();
-
- el = $('').dialog().bind('dialogbeforeclose', function(ev, ui) {
- ok(true, '.dialog("close") triggers dialogbeforeclose event');
- equals(this, el[0], "context of event");
- return false;
- });
- el.dialog('close');
- isOpen('dialogbeforeclose event should prevent dialog from closing');
- el.remove();
-});
-
-module("dialog: Tickets");
-
-})(jQuery);
+/*
+ * dialog unit tests
+ */
+(function($) {
+//
+// Dialog Test Helper Functions
+//
+
+var defaults = {
+ autoOpen: true,
+ autoResize: true,
+ buttons: {},
+ disabled: false,
+ dialogClass: null,
+ draggable: true,
+ height: 200,
+ maxHeight: null,
+ maxWidth: null,
+ minHeight: 100,
+ minWidth: 150,
+ modal: false,
+ overlay: {},
+ position: 'center',
+ resizable: true,
+ stack: true,
+ title: '',
+ width: 300
+};
+
+var el,
+ offsetBefore, offsetAfter,
+ heightBefore, heightAfter,
+ widthBefore, widthAfter,
+ dragged;
+
+function dlg() {
+ return el.data("dialog").element.parents(".ui-dialog:first");
+}
+
+function isOpen(why) {
+ ok(dlg().is(":visible"), why);
+}
+
+function isNotOpen(why) {
+ ok(!dlg().is(":visible"), why);
+}
+
+function drag(handle, dx, dy) {
+ var d = dlg();
+ offsetBefore = d.offset();
+ heightBefore = d.height();
+ widthBefore = d.width();
+ //this mouseover is to work around a limitation in resizable
+ //TODO: fix resizable so handle doesn't require mouseover in order to be used
+ $(handle, d).simulate("mouseover");
+ $(handle, d).simulate("drag", {
+ dx: dx || 0,
+ dy: dy || 0
+ });
+ dragged = { dx: dx, dy: dy };
+ offsetAfter = d.offset();
+ heightAfter = d.height();
+ widthAfter = d.width();
+}
+
+function moved(dx, dy, msg) {
+ msg = msg ? msg + "." : "";
+ var actual = { left: offsetAfter.left, top: offsetAfter.top };
+ var expected = { left: offsetBefore.left + dx, top: offsetBefore.top + dy };
+ compare2(actual, expected, 'dragged[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
+}
+
+function shouldmove(why) {
+ var handle = $(".ui-dialog-titlebar", dlg());
+ drag(handle, 50, 50);
+ moved(50, 50, why);
+}
+
+function shouldnotmove(why) {
+ var handle = $(".ui-dialog-titlebar", dlg());
+ drag(handle, 50, 50);
+ moved(0, 0, why);
+}
+
+function resized(dw, dh, msg) {
+ msg = msg ? msg + "." : "";
+ var actual = { width: widthAfter, height: heightAfter };
+ var expected = { width: widthBefore + dw, height: heightBefore + dh };
+ compare2(actual, expected, 'resized[' + dragged.dx + ', ' + dragged.dy + '] ' + msg);
+}
+
+function shouldresize(why) {
+ var handle = $(".ui-resizable-se", dlg());
+ drag(handle, 50, 50);
+ resized(50, 50, why);
+}
+
+function shouldnotresize(why) {
+ var handle = $(".ui-resizable-se", dlg());
+ drag(handle, 50, 50);
+ resized(0, 0, why);
+}
+
+function broder(el, side){
+ return parseInt(el.css('border-' + side + '-width'), 10);
+}
+
+function margin(el, side) {
+ return parseInt(el.css('margin-' + side), 10);
+}
+
+// Dialog Tests
+module("dialog");
+
+test("init", function() {
+ expect(6);
+
+ $("#dialog1").dialog().remove();
+ ok(true, '.dialog() called on element');
+
+ $([]).dialog().remove();
+ ok(true, '.dialog() called on empty collection');
+
+ $('').dialog().remove();
+ ok(true, '.dialog() called on disconnected DOMElement');
+
+ $('').dialog().dialog("foo").remove();
+ ok(true, 'arbitrary method called after init');
+
+ el = $('').dialog();
+ var foo = el.data("foo.dialog");
+ el.remove();
+ ok(true, 'arbitrary option getter after init');
+
+ $('').dialog().data("foo.dialog", "bar").remove();
+ ok(true, 'arbitrary option setter after init');
+});
+
+test("destroy", function() {
+ expect(6);
+
+ $("#dialog1").dialog().dialog("destroy").remove();
+ ok(true, '.dialog("destroy") called on element');
+
+ $([]).dialog().dialog("destroy").remove();
+ ok(true, '.dialog("destroy") called on empty collection');
+
+ $('').dialog().dialog("destroy").remove();
+ ok(true, '.dialog("destroy") called on disconnected DOMElement');
+
+ $('').dialog().dialog("destroy").dialog("foo").remove();
+ ok(true, 'arbitrary method called after destroy');
+
+ el = $('').dialog();
+ var foo = el.dialog("destroy").data("foo.dialog");
+ el.remove();
+ ok(true, 'arbitrary option getter after destroy');
+
+ $('').dialog().dialog("destroy").data("foo.dialog", "bar").remove();
+ ok(true, 'arbitrary option setter after destroy');
+});
+
+/*
+//This one takes a while to run
+
+test("element types", function() {
+ var typeNames = ('p,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,div,form'
+ + ',table,fieldset,address,ins,del,em,strong,q,cite,dfn,abbr'
+ + ',acronym,code,samp,kbd,var,img,object,hr'
+ + ',input,button,label,select,iframe').split(',');
+
+ $.each(typeNames, function(i) {
+ var typeName = typeNames[i];
+ el = $(document.createElement(typeName)).appendTo('body');
+ (typeName == 'table' && el.append("content
content
content
content
content
content
content
content
content
').dialog({ autoResize: false });
+ expected = { height: el.height() };
+ handle = $(".ui-resizable-se", dlg());
+ drag(handle, 50, 50);
+ actual = { height: el.height() };
+ compare2(actual, expected, '.dialog({ autoResize: false })');
+ el.remove();
+ el = $('content
content
content
content
content
content
content
content
content
').dialog({ autoResize: true });
+ before = { width: el.width(), height: el.height() };
+ handle = $(".ui-resizable-se", dlg());
+ drag(handle, 50, 50);
+ expected = { width: before.width + 50, height: before.height + 50 };
+ actual = { width: el.width(), height: el.height() };
+ compare2(actual, expected, '.dialog({ autoResize: true })');
+ el.remove();
+});
+
+test("buttons", function() {
+ expect(17);
+
+ var buttons = {
+ "Ok": function(ev, ui) {
+ ok(true, "button click fires callback");
+ equals(this, el[0], "context of callback");
+ equals(ev.target, btn[0], "event target");
+ },
+ "Cancel": function(ev, ui) {
+ ok(true, "button click fires callback");
+ equals(this, el[0], "context of callback");
+ equals(ev.target, btn[1], "event target");
+ }
+ };
+
+ el = $('').dialog({ buttons: buttons });
+ var btn = $("button", dlg());
+ equals(btn.length, 2, "number of buttons");
+
+ var i = 0;
+ $.each(buttons, function(key, val) {
+ equals(btn.eq(i).text(), key, "text of button " + (i+1));
+ i++;
+ });
+
+ equals(btn.parent().attr('className'), 'ui-dialog-buttonpane', "buttons in container");
+ btn.trigger("click");
+
+ var newButtons = {
+ "Close": function(ev, ui) {
+ ok(true, "button click fires callback");
+ equals(this, el[0], "context of callback");
+ equals(ev.target, btn[0], "event target");
+ }
+ };
+
+ equals(el.data("buttons.dialog"), buttons, '.data("buttons.dialog") getter');
+ el.data("buttons.dialog", newButtons);
+ equals(el.data("buttons.dialog"), newButtons, '.data("buttons.dialog", ...) setter');
+
+ btn = $("button", dlg());
+ equals(btn.length, 1, "number of buttons after setter");
+ btn.trigger('click');
+
+ i = 0;
+ $.each(newButtons, function(key, val) {
+ equals(btn.eq(i).text(), key, "text of button " + (i+1));
+ i += 1;
+ });
+
+ el.remove();
+});
+
+test("dialogClass", function() {
+ expect(4);
+
+ el = $('').dialog();
+ equals(dlg().is(".foo"), false, 'dialogClass not specified. foo class added');
+ el.remove();
+
+ el = $('').dialog({ dialogClass: "foo" });
+ equals(dlg().is(".foo"), true, 'dialogClass in init. foo class added');
+ el.remove();
+
+ el = $('').dialog({ dialogClass: "foo bar" });
+ equals(dlg().is(".foo"), true, 'dialogClass in init, two classes. foo class added');
+ equals(dlg().is(".bar"), true, 'dialogClass in init, two classes. bar class added');
+ el.remove();
+});
+
+test("draggable", function() {
+ expect(4);
+
+ el = $('').dialog({ draggable: false });
+ shouldnotmove();
+ el.data('draggable.dialog', true);
+ shouldmove();
+ el.remove();
+
+ el = $('').dialog({ draggable: true });
+ shouldmove();
+ el.data('draggable.dialog', false);
+ shouldnotmove();
+ el.remove();
+});
+
+test("height", function() {
+ expect(3);
+
+ el = $('').dialog();
+ equals(dlg().height(), defaults.height, "default height");
+ el.remove();
+
+ el = $('').dialog({ height: 437 });
+ equals(dlg().height(), 437, "explicit height");
+ el.remove();
+
+ el = $('').dialog();
+ el.data('height.dialog', 438);
+ equals(dlg().height(), 438, "explicit height set after init");
+ el.remove();
+});
+
+test("maxHeight", function() {
+ expect(3);
+
+ el = $('').dialog({ maxHeight: 400 });
+ drag('.ui-resizable-s', 1000, 1000);
+ equals(heightAfter, 400, "maxHeight");
+ el.remove();
+
+ el = $('').dialog({ maxHeight: 400 });
+ drag('.ui-resizable-n', -1000, -1000);
+ equals(heightAfter, 400, "maxHeight");
+ el.remove();
+
+ el = $('').dialog({ maxHeight: 400 }).data('maxHeight.dialog', 600);
+ drag('.ui-resizable-n', -1000, -1000);
+ equals(heightAfter, 600, "maxHeight");
+ el.remove();
+});
+
+test("maxWidth", function() {
+ expect(3);
+
+ el = $('').dialog({ maxWidth: 400 });
+ drag('.ui-resizable-e', 1000, 1000);
+ equals(widthAfter, 400, "maxWidth");
+ el.remove();
+
+ el = $('').dialog({ maxWidth: 400 });
+ drag('.ui-resizable-w', -1000, -1000);
+ equals(widthAfter, 400, "maxWidth");
+ el.remove();
+
+ el = $('').dialog({ maxWidth: 400 }).data('maxWidth.dialog', 600);
+ drag('.ui-resizable-w', -1000, -1000);
+ equals(widthAfter, 600, "maxWidth");
+ el.remove();
+});
+
+test("minHeight", function() {
+ expect(3);
+
+ el = $('').dialog({ minHeight: 10 });
+ drag('.ui-resizable-s', -1000, -1000);
+ equals(heightAfter, 10, "minHeight");
+ el.remove();
+
+ el = $('').dialog({ minHeight: 10 });
+ drag('.ui-resizable-n', 1000, 1000);
+ equals(heightAfter, 10, "minHeight");
+ el.remove();
+
+ el = $('').dialog({ minHeight: 10 }).data('minHeight.dialog', 30);
+ drag('.ui-resizable-n', 1000, 1000);
+ equals(heightAfter, 30, "minHeight");
+ el.remove();
+});
+
+test("minWidth", function() {
+ expect(3);
+
+ el = $('').dialog({ minWidth: 10 });
+ drag('.ui-resizable-e', -1000, -1000);
+ equals(widthAfter, 10, "minWidth");
+ el.remove();
+
+ el = $('').dialog({ minWidth: 10 });
+ drag('.ui-resizable-w', 1000, 1000);
+ equals(widthAfter, 10, "minWidth");
+ el.remove();
+
+ el = $('').dialog({ minWidth: 30 }).data('minWidth.dialog', 30);
+ drag('.ui-resizable-w', 1000, 1000);
+ equals(widthAfter, 30, "minWidth");
+ el.remove();
+});
+
+test("modal", function() {
+ ok(false, "missing test");
+});
+
+test("overlay", function() {
+ ok(false, "missing test");
+});
+
+test("position", function() {
+ ok(false, "missing test");
+});
+
+test("resizable", function() {
+ expect(4);
+
+ el = $('').dialog();
+ shouldresize("[default]");
+ el.data('resizable.dialog', false);
+ shouldnotresize('disabled after init');
+ el.remove();
+
+ el = $('').dialog({ resizable: false });
+ shouldnotresize("disabled in init options");
+ el.data('resizable.dialog', true);
+ shouldresize('enabled after init');
+ el.remove();
+});
+
+test("stack", function() {
+ ok(false, "missing test");
+});
+
+test("title", function() {
+ expect(5);
+
+ function titleText() {
+ return dlg().find(".ui-dialog-title").html();
+ }
+
+ el = $('').dialog();
+ equals(titleText(), " ", "[default]");
+ el.remove();
+
+ el = $('').dialog();
+ equals(titleText(), "foo", "title in element attribute");
+ el.remove();
+
+ el = $('').dialog({ title: 'foo' });
+ equals(titleText(), "foo", "title in init options");
+ el.remove();
+
+ el = $('').dialog({ title: 'bar' });
+ equals(titleText(), "bar", "title in init options should override title in element attribute");
+ el.remove();
+
+ el = $('').dialog().data('title.dialog', 'foo');
+ equals(titleText(), 'foo', 'title after init');
+ el.remove();
+});
+
+test("width", function() {
+ expect(3);
+
+ el = $('').dialog();
+ equals(dlg().width(), defaults.width, "default width");
+ el.remove();
+
+ el = $('').dialog({width: 437 });
+ equals(dlg().width(), 437, "explicit width");
+ el.data('width.dialog', 438);
+ equals(dlg().width(), 438, 'explicit width after init');
+ el.remove();
+});
+
+module("dialog: Methods");
+
+test("isOpen", function() {
+ expect(4);
+
+ el = $('').dialog();
+ equals(el.dialog('isOpen'), true, "dialog is open after init");
+ el.dialog('close');
+ equals(el.dialog('isOpen'), false, "dialog is closed");
+ el.remove();
+
+ el = $('').dialog({autoOpen: false});
+ equals(el.dialog('isOpen'), false, "dialog is closed after init");
+ el.dialog('open');
+ equals(el.dialog('isOpen'), true, "dialog is open");
+ el.remove();
+});
+
+module("dialog: Callbacks");
+
+test("open", function() {
+ expect(4);
+ el = $("");
+ el.dialog({
+ open: function(ev, ui) {
+ ok(true, 'autoOpen: true fires open callback');
+ equals(this, el[0], "context of callback");
+ }
+ });
+ el.remove();
+ el = $("");
+ el.dialog({
+ autoOpen: false,
+ open: function(ev, ui) {
+ ok(true, '.dialog("open") fires open callback');
+ equals(this, el[0], "context of callback");
+ }
+ });
+ el.dialog("open");
+ el.remove();
+});
+
+test("dragStart", function() {
+ expect(1);
+ el = $("");
+ el.dialog({
+ dragStart: function(ev, ui) {
+ equals(this, el[0], "context of callback");
+ }
+ });
+ var handle = $(".ui-dialog-titlebar", dlg());
+ drag(handle, 50, 50);
+ el.remove();
+});
+
+test("drag", function() {
+ var fired = false;
+ el = $("");
+ el.dialog({
+ drag: function(ev, ui) {
+ fired = true;
+ equals(this, el[0], "context of callback");
+ }
+ });
+ var handle = $(".ui-dialog-titlebar", dlg());
+ drag(handle, 50, 50);
+ ok(fired, "resize fired");
+ el.remove();
+});
+
+test("dragStop", function() {
+ expect(1);
+ el = $("");
+ el.dialog({
+ dragStop: function(ev, ui) {
+ equals(this, el[0], "context of callback");
+ }
+ });
+ var handle = $(".ui-dialog-titlebar", dlg());
+ drag(handle, 50, 50);
+ el.remove();
+});
+
+test("resizeStart", function() {
+ expect(1);
+ el = $("");
+ el.dialog({
+ resizeStart: function(ev, ui) {
+ equals(this, el[0], "context of callback");
+ }
+ });
+ var handle = $(".ui-resizable-se", dlg());
+ drag(handle, 50, 50);
+ el.remove();
+});
+
+test("resize", function() {
+ var fired = false;
+ el = $("");
+ el.dialog({
+ resize: function(ev, ui) {
+ fired = true;
+ equals(this, el[0], "context of callback");
+ }
+ });
+ var handle = $(".ui-resizable-se", dlg());
+ drag(handle, 50, 50);
+ ok(fired, "resize fired");
+ el.remove();
+});
+
+test("resizeStop", function() {
+ expect(1);
+ el = $("");
+ el.dialog({
+ resizeStop: function(ev, ui) {
+ equals(this, el[0], "context of callback");
+ }
+ });
+ var handle = $(".ui-resizable-se", dlg());
+ drag(handle, 50, 50);
+ el.remove();
+});
+
+test("close", function() {
+ expect(2);
+ el = $('').dialog({
+ close: function(ev, ui) {
+ ok(true, '.dialog("close") fires close callback');
+ equals(this, el[0], "context of callback");
+ }
+ });
+ el.dialog("close");
+ el.remove();
+});
+
+test("beforeclose", function() {
+ expect(6);
+
+ el = $('').dialog({
+ beforeclose: function(ev, ui) {
+ ok(true, '.dialog("close") fires beforeclose callback');
+ equals(this, el[0], "context of callback");
+ return false;
+ }
+ });
+ el.dialog('close');
+ isOpen('beforeclose callback should prevent dialog from closing');
+ el.remove();
+
+ el = $('').dialog().bind('dialogbeforeclose', function(ev, ui) {
+ ok(true, '.dialog("close") triggers dialogbeforeclose event');
+ equals(this, el[0], "context of event");
+ return false;
+ });
+ el.dialog('close');
+ isOpen('dialogbeforeclose event should prevent dialog from closing');
+ el.remove();
+});
+
+module("dialog: Tickets");
+
+})(jQuery);
diff --git a/tests/progressbar.html b/tests/progressbar.html
index 2138572e72..1d082681c5 100644
--- a/tests/progressbar.html
+++ b/tests/progressbar.html
@@ -1,39 +1,39 @@
-
-
-
- content
content
content
content
jQuery UI Progressbar Test Suite
- - - -
-
-
-
-
-
+
+
+
+ jQuery UI Progressbar Test Suite
+ + + +
+
+
+
+
+
diff --git a/tests/progressbar.js b/tests/progressbar.js
index 37d484a229..e95f17a809 100644
--- a/tests/progressbar.js
+++ b/tests/progressbar.js
@@ -1,56 +1,56 @@
-/*
- * progressbar unit tests
- */
-(function($) {
-
-// Spinner Tests
-module("progressbar");
-
-test("init", function() {
- expect(1);
-
- el = $("#progressbar").progressbar();
- ok(true, '.progressbar() called on element');
-
-});
-
-test("destroy", function() {
- expect(1);
-
- $("#progressbar").progressbar().progressbar("destroy");
- ok(true, '.progressbar("destroy") called on element');
-
-});
-
-test("defaults", function() {
- expect(5);
- el = $("#progressbar").progressbar();
-
- equals(el.data("width.progressbar"), 300, "width");
- equals(el.data("duration.progressbar"), 3000, "duration");
- equals(el.data("interval.progressbar"), 200, "interval");
- equals(el.data("increment.progressbar"), 1, "increment");
- equals(el.data("range.progressbar"), true, "range");
-
-});
-
-test("set defaults on init", function() {
- expect(5);
- el = $("#progressbar").progressbar({
- width: 500,
- duration: 5000,
- interval: 500,
- increment: 5,
- range: false
- });
-
- equals(el.data("width.progressbar"), 500, "width");
- equals(el.data("duration.progressbar"), 5000, "duration");
- equals(el.data("interval.progressbar"), 500, "interval");
- equals(el.data("increment.progressbar"), 5, "increment");
- equals(el.data("range.progressbar"), false, "range");
-
-});
-
-
-})(jQuery);
+/*
+ * progressbar unit tests
+ */
+(function($) {
+
+// Spinner Tests
+module("progressbar");
+
+test("init", function() {
+ expect(1);
+
+ el = $("#progressbar").progressbar();
+ ok(true, '.progressbar() called on element');
+
+});
+
+test("destroy", function() {
+ expect(1);
+
+ $("#progressbar").progressbar().progressbar("destroy");
+ ok(true, '.progressbar("destroy") called on element');
+
+});
+
+test("defaults", function() {
+ expect(5);
+ el = $("#progressbar").progressbar();
+
+ equals(el.data("width.progressbar"), 300, "width");
+ equals(el.data("duration.progressbar"), 3000, "duration");
+ equals(el.data("interval.progressbar"), 200, "interval");
+ equals(el.data("increment.progressbar"), 1, "increment");
+ equals(el.data("range.progressbar"), true, "range");
+
+});
+
+test("set defaults on init", function() {
+ expect(5);
+ el = $("#progressbar").progressbar({
+ width: 500,
+ duration: 5000,
+ interval: 500,
+ increment: 5,
+ range: false
+ });
+
+ equals(el.data("width.progressbar"), 500, "width");
+ equals(el.data("duration.progressbar"), 5000, "duration");
+ equals(el.data("interval.progressbar"), 500, "interval");
+ equals(el.data("increment.progressbar"), 5, "increment");
+ equals(el.data("range.progressbar"), false, "range");
+
+});
+
+
+})(jQuery);
diff --git a/tests/selectable.html b/tests/selectable.html
index 25d5a5c28d..b92ec5c1c0 100644
--- a/tests/selectable.html
+++ b/tests/selectable.html
@@ -1,44 +1,44 @@
-
-
-
- jQuery UI Selectable Test Suite
- - - -
-
-
-
-
+
+
+
+ -
-
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
jQuery UI Selectable Test Suite
+ + + +
+
+
+
+
diff --git a/tests/selectable.js b/tests/selectable.js
index 5060650d10..267b889316 100644
--- a/tests/selectable.js
+++ b/tests/selectable.js
@@ -1,207 +1,207 @@
-/*
- * selectable unit tests
- */
-(function($) {
-//
-// Selectable Test Helper Functions
-//
-var el;
-
-var drag = function(dx, dy) {
- var off = el.offset(), pos = { clientX: off.left, clientY: off.top };
- el.simulate("mousedown", pos);
- $(document).simulate("mousemove", pos);
- pos.clientX += dx;
- pos.clientY += dy;
- $(document).simulate("mousemove", pos);
- $(document).simulate("mouseup", pos);
-}
-
-var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
-
-var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
-
-// Selectable Tests
-module("selectable");
-
-test("init", function() {
- expect(6);
-
- $("#selectable1").selectable().remove();
- ok(true, '.selectable() called on element');
-
- $([]).selectable().remove();
- ok(true, '.selectable() called on empty collection');
-
- $("").selectable().remove();
- ok(true, '.selectable() called on disconnected DOMElement');
-
- $("").selectable().selectable("foo").remove();
- ok(true, 'arbitrary method called after init');
-
- el = $("").selectable()
- var foo = el.data("foo.selectable");
- el.remove();
- ok(true, 'arbitrary option getter after init');
-
- $("").selectable().data("foo.selectable", "bar").remove();
- ok(true, 'arbitrary option setter after init');
-});
-
-test("destroy", function() {
- expect(6);
-
- $("#selectable1").selectable().selectable("destroy").remove();
- ok(true, '.selectable("destroy") called on element');
-
- $([]).selectable().selectable("destroy").remove();
- ok(true, '.selectable("destroy") called on empty collection');
-
- $("").selectable().selectable("destroy").remove();
- ok(true, '.selectable("destroy") called on disconnected DOMElement');
-
- $("").selectable().selectable("destroy").selectable("foo").remove();
- ok(true, 'arbitrary method called after destroy');
-
- el = $("").selectable();
- var foo = el.selectable("destroy").data("foo.selectable");
- el.remove();
- ok(true, 'arbitrary option getter after destroy');
-
- $("").selectable().selectable("destroy").data("foo.selectable", "bar").remove();
- ok(true, 'arbitrary option setter after destroy');
-});
-
-test("defaults", function() {
- el = $('#selectable1').selectable();
- var defaults = {
- autoRefresh: true,
- filter: '*'
- };
- $.each(defaults, function(key, val) {
- var actual = el.data(key + ".selectable"), expected = val,
- method = (expected && expected.constructor == Object) ?
- compare2 : equals;
- method(actual, expected, key);
- });
- el.remove();
-});
-
-module("selectable: Options");
-
-test("autoRefresh", function() {
- expect(3);
- el = $("#selectable1");
- var actual, sel = $("*", el), selected = function() { actual += 1 };
-
- actual = 0;
- el = $("#selectable1").selectable({ autoRefresh: false, selected: selected });
- sel.hide();
- drag(1000, 1000);
- equals(actual, sel.length);
- el.selectable("destroy");
-
- actual = 0;
- sel.show();
- el = $("#selectable1").selectable({ autoRefresh: true, selected: selected });
- sel.hide();
- drag(1000, 1000);
- equals(actual, 0);
- sel.show();
- drag(1000, 1000);
- equals(actual, sel.length);
- el.selectable("destroy");
- sel.show();
-});
-
-test("filter", function() {
- expect(2);
- el = $("#selectable1");
- var actual, sel = $("*", el), selected = function() { actual += 1 };
-
- actual = 0;
- el = $("#selectable1").selectable({ filter: '.special', selected: selected });
- drag(1000, 1000);
- ok(sel.length != 1, "this test assumes more than 1 selectee");
- equals(actual, 1);
- el.selectable("destroy");
-});
-
-module("selectable: Methods");
-
-test("disable", function() {
- expect(2);
- var fired = false;
-
- el = $("#selectable1");
- el.selectable({
- disabled: false,
- start: function() { fired = true; }
- });
- el.simulate("drag", 20, 20);
- equals(fired, true, "start fired");
- el.selectable("disable");
- fired = false;
- el.simulate("drag", 20, 20);
- equals(fired, false, "start fired");
- el.selectable("destroy");
-});
-
-test("enable", function() {
- expect(2);
- var fired = false;
-
- el = $("#selectable1");
- el.selectable({
- disabled: true,
- start: function() { fired = true; }
- });
- el.simulate("drag", 20, 20);
- equals(fired, false, "start fired");
- el.selectable("enable");
- el.simulate("drag", 20, 20);
- equals(fired, true, "start fired");
- el.selectable("destroy");
-});
-
-test("toggle", function() {
- expect(2);
-
- el = $("#selectable1").selectable({ disabled: true }).selectable("toggle");
- equals(el.data("disabled.selectable"), false, "disabled -> enabled");
- el.selectable("destroy");
-
- el = $("#selectable1").selectable({ disabled: false }).selectable("toggle");
- equals(el.data("disabled.selectable"), true, "enabled -> disabled");
- el.selectable("destroy");
-});
-
-module("selectable: Callbacks");
-
-test("start", function() {
- expect(2);
- el = $("#selectable1");
- el.selectable({
- start: function(ev, ui) {
- ok(true, "drag fired start callback");
- equals(this, el[0], "context of callback");
- }
- });
- el.simulate("drag", 20, 20);
-});
-
-test("stop", function() {
- expect(2);
- el = $("#selectable1");
- el.selectable({
- start: function(ev, ui) {
- ok(true, "drag fired stop callback");
- equals(this, el[0], "context of callback");
- }
- });
- el.simulate("drag", 20, 20);
-});
-
-module("selectable: Tickets");
-
-})(jQuery);
+/*
+ * selectable unit tests
+ */
+(function($) {
+//
+// Selectable Test Helper Functions
+//
+var el;
+
+var drag = function(dx, dy) {
+ var off = el.offset(), pos = { clientX: off.left, clientY: off.top };
+ el.simulate("mousedown", pos);
+ $(document).simulate("mousemove", pos);
+ pos.clientX += dx;
+ pos.clientY += dy;
+ $(document).simulate("mousemove", pos);
+ $(document).simulate("mouseup", pos);
+}
+
+var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
+
+var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
+
+// Selectable Tests
+module("selectable");
+
+test("init", function() {
+ expect(6);
+
+ $("#selectable1").selectable().remove();
+ ok(true, '.selectable() called on element');
+
+ $([]).selectable().remove();
+ ok(true, '.selectable() called on empty collection');
+
+ $("").selectable().remove();
+ ok(true, '.selectable() called on disconnected DOMElement');
+
+ $("").selectable().selectable("foo").remove();
+ ok(true, 'arbitrary method called after init');
+
+ el = $("").selectable()
+ var foo = el.data("foo.selectable");
+ el.remove();
+ ok(true, 'arbitrary option getter after init');
+
+ $("").selectable().data("foo.selectable", "bar").remove();
+ ok(true, 'arbitrary option setter after init');
+});
+
+test("destroy", function() {
+ expect(6);
+
+ $("#selectable1").selectable().selectable("destroy").remove();
+ ok(true, '.selectable("destroy") called on element');
+
+ $([]).selectable().selectable("destroy").remove();
+ ok(true, '.selectable("destroy") called on empty collection');
+
+ $("").selectable().selectable("destroy").remove();
+ ok(true, '.selectable("destroy") called on disconnected DOMElement');
+
+ $("").selectable().selectable("destroy").selectable("foo").remove();
+ ok(true, 'arbitrary method called after destroy');
+
+ el = $("").selectable();
+ var foo = el.selectable("destroy").data("foo.selectable");
+ el.remove();
+ ok(true, 'arbitrary option getter after destroy');
+
+ $("").selectable().selectable("destroy").data("foo.selectable", "bar").remove();
+ ok(true, 'arbitrary option setter after destroy');
+});
+
+test("defaults", function() {
+ el = $('#selectable1').selectable();
+ var defaults = {
+ autoRefresh: true,
+ filter: '*'
+ };
+ $.each(defaults, function(key, val) {
+ var actual = el.data(key + ".selectable"), expected = val,
+ method = (expected && expected.constructor == Object) ?
+ compare2 : equals;
+ method(actual, expected, key);
+ });
+ el.remove();
+});
+
+module("selectable: Options");
+
+test("autoRefresh", function() {
+ expect(3);
+ el = $("#selectable1");
+ var actual, sel = $("*", el), selected = function() { actual += 1 };
+
+ actual = 0;
+ el = $("#selectable1").selectable({ autoRefresh: false, selected: selected });
+ sel.hide();
+ drag(1000, 1000);
+ equals(actual, sel.length);
+ el.selectable("destroy");
+
+ actual = 0;
+ sel.show();
+ el = $("#selectable1").selectable({ autoRefresh: true, selected: selected });
+ sel.hide();
+ drag(1000, 1000);
+ equals(actual, 0);
+ sel.show();
+ drag(1000, 1000);
+ equals(actual, sel.length);
+ el.selectable("destroy");
+ sel.show();
+});
+
+test("filter", function() {
+ expect(2);
+ el = $("#selectable1");
+ var actual, sel = $("*", el), selected = function() { actual += 1 };
+
+ actual = 0;
+ el = $("#selectable1").selectable({ filter: '.special', selected: selected });
+ drag(1000, 1000);
+ ok(sel.length != 1, "this test assumes more than 1 selectee");
+ equals(actual, 1);
+ el.selectable("destroy");
+});
+
+module("selectable: Methods");
+
+test("disable", function() {
+ expect(2);
+ var fired = false;
+
+ el = $("#selectable1");
+ el.selectable({
+ disabled: false,
+ start: function() { fired = true; }
+ });
+ el.simulate("drag", 20, 20);
+ equals(fired, true, "start fired");
+ el.selectable("disable");
+ fired = false;
+ el.simulate("drag", 20, 20);
+ equals(fired, false, "start fired");
+ el.selectable("destroy");
+});
+
+test("enable", function() {
+ expect(2);
+ var fired = false;
+
+ el = $("#selectable1");
+ el.selectable({
+ disabled: true,
+ start: function() { fired = true; }
+ });
+ el.simulate("drag", 20, 20);
+ equals(fired, false, "start fired");
+ el.selectable("enable");
+ el.simulate("drag", 20, 20);
+ equals(fired, true, "start fired");
+ el.selectable("destroy");
+});
+
+test("toggle", function() {
+ expect(2);
+
+ el = $("#selectable1").selectable({ disabled: true }).selectable("toggle");
+ equals(el.data("disabled.selectable"), false, "disabled -> enabled");
+ el.selectable("destroy");
+
+ el = $("#selectable1").selectable({ disabled: false }).selectable("toggle");
+ equals(el.data("disabled.selectable"), true, "enabled -> disabled");
+ el.selectable("destroy");
+});
+
+module("selectable: Callbacks");
+
+test("start", function() {
+ expect(2);
+ el = $("#selectable1");
+ el.selectable({
+ start: function(ev, ui) {
+ ok(true, "drag fired start callback");
+ equals(this, el[0], "context of callback");
+ }
+ });
+ el.simulate("drag", 20, 20);
+});
+
+test("stop", function() {
+ expect(2);
+ el = $("#selectable1");
+ el.selectable({
+ start: function(ev, ui) {
+ ok(true, "drag fired stop callback");
+ equals(this, el[0], "context of callback");
+ }
+ });
+ el.simulate("drag", 20, 20);
+});
+
+module("selectable: Tickets");
+
+})(jQuery);
diff --git a/tests/simulate/jquery.simulate.js b/tests/simulate/jquery.simulate.js
index b55687388b..85deb23f90 100644
--- a/tests/simulate/jquery.simulate.js
+++ b/tests/simulate/jquery.simulate.js
@@ -1,152 +1,152 @@
-/*
- * jquery.simulate - simulate browser mouse and keyboard events
- *
- * Copyright (c) 2007 Eduardo Lundgren (eduardolundgren@gmail.com)
- * and Richard D. Worth (rdworth@gmail.com)
- *
- * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
- * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
- *
- */
-
-;(function($) {
-
-$.fn.extend({
- simulate: function(type, options) {
- return this.each(function() {
- var opt = $.extend({}, $.simulate.defaults, options || {});
- new $.simulate(this, type, opt);
- });
- }
-});
-
-$.simulate = function(el, type, options) {
- this.target = el;
- this.options = options;
-
- if (/^drag$/.test(type)) {
- this[type].apply(this, [this.target, options]);
- } else {
- this.simulateEvent(el, type, options);
- }
-}
-
-$.extend($.simulate.prototype, {
- simulateEvent: function(el, type, options) {
- var evt = this.createEvent(type, options);
- this.dispatchEvent(el, type, evt, options);
- return evt;
- },
- createEvent: function(type, options) {
- if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) {
- return this.mouseEvent(type, options);
- } else if (/^key(up|down|press)$/.test(type)) {
- return this.keyboardEvent(type, options);
- }
- },
- mouseEvent: function(type, options) {
- var evt;
- var e = $.extend({
- bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,
- screenX: 0, screenY: 0, clientX: 0, clientY: 0,
- ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
- button: 0, relatedTarget: undefined
- }, options);
-
- var relatedTarget = $(e.relatedTarget)[0];
-
- if ($.isFunction(document.createEvent)) {
- evt = document.createEvent("MouseEvents");
- evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,
- e.screenX, e.screenY, e.clientX, e.clientY,
- e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
- e.button, e.relatedTarget || document.body.parentNode);
- } else if (document.createEventObject) {
- evt = document.createEventObject();
- $.extend(evt, e);
- evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
- }
- return evt;
- },
- keyboardEvent: function(type, options) {
- var evt;
-
- var e = $.extend({ bubbles: true, cancelable: true, view: window,
- ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
- keyCode: 0, charCode: 0
- }, options);
-
- if ($.isFunction(document.createEvent)) {
- try {
- evt = document.createEvent("KeyEvents");
- evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view,
- e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
- e.keyCode, e.charCode);
- } catch(err) {
- evt = document.createEvent("Events");
- evt.initEvent(type, e.bubbles, e.cancelable);
- $.extend(evt, { view: e.view,
- ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey,
- keyCode: e.keyCode, charCode: e.charCode
- });
- }
- } else if (document.createEventObject) {
- evt = document.createEventObject();
- $.extend(evt, e);
- }
- if ($.browser.msie || $.browser.opera) {
- evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
- evt.charCode = undefined;
- }
- return evt;
- },
-
- dispatchEvent: function(el, type, evt) {
- if (el.dispatchEvent) {
- el.dispatchEvent(evt);
- } else if (el.fireEvent) {
- el.fireEvent('on' + type, evt);
- }
- return evt;
- },
-
- drag: function(el) {
- var self = this, center = this.findCenter(this.target),
- options = this.options, x = Math.floor(center.x), y = Math.floor(center.y),
- dx = options.dx || 0, dy = options.dy || 0, target = this.target;
- var coord = { clientX: x, clientY: y };
- this.simulateEvent(target, "mousedown", coord);
- coord = { clientX: x + 1, clientY: y + 1 };
- this.simulateEvent(document, "mousemove", coord);
- coord = { clientX: x + dx, clientY: y + dy };
- this.simulateEvent(document, "mousemove", coord);
- this.simulateEvent(document, "mousemove", coord);
- this.simulateEvent(target, "mouseup", coord);
- },
- findCenter: function(el) {
- var el = $(this.target), o = el.offset();
- return {
- x: o.left + el.outerWidth() / 2,
- y: o.top + el.outerHeight() / 2
- };
- }
-});
-
-$.extend($.simulate, {
- defaults: {
- speed: 'sync'
- },
- VK_TAB: 9,
- VK_ENTER: 13,
- VK_ESC: 27,
- VK_PGUP: 33,
- VK_PGDN: 34,
- VK_END: 35,
- VK_HOME: 36,
- VK_LEFT: 37,
- VK_UP: 38,
- VK_RIGHT: 39,
- VK_DOWN: 40
-});
-
-})(jQuery);
+/*
+ * jquery.simulate - simulate browser mouse and keyboard events
+ *
+ * Copyright (c) 2007 Eduardo Lundgren (eduardolundgren@gmail.com)
+ * and Richard D. Worth (rdworth@gmail.com)
+ *
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ */
+
+;(function($) {
+
+$.fn.extend({
+ simulate: function(type, options) {
+ return this.each(function() {
+ var opt = $.extend({}, $.simulate.defaults, options || {});
+ new $.simulate(this, type, opt);
+ });
+ }
+});
+
+$.simulate = function(el, type, options) {
+ this.target = el;
+ this.options = options;
+
+ if (/^drag$/.test(type)) {
+ this[type].apply(this, [this.target, options]);
+ } else {
+ this.simulateEvent(el, type, options);
+ }
+}
+
+$.extend($.simulate.prototype, {
+ simulateEvent: function(el, type, options) {
+ var evt = this.createEvent(type, options);
+ this.dispatchEvent(el, type, evt, options);
+ return evt;
+ },
+ createEvent: function(type, options) {
+ if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) {
+ return this.mouseEvent(type, options);
+ } else if (/^key(up|down|press)$/.test(type)) {
+ return this.keyboardEvent(type, options);
+ }
+ },
+ mouseEvent: function(type, options) {
+ var evt;
+ var e = $.extend({
+ bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,
+ screenX: 0, screenY: 0, clientX: 0, clientY: 0,
+ ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
+ button: 0, relatedTarget: undefined
+ }, options);
+
+ var relatedTarget = $(e.relatedTarget)[0];
+
+ if ($.isFunction(document.createEvent)) {
+ evt = document.createEvent("MouseEvents");
+ evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,
+ e.screenX, e.screenY, e.clientX, e.clientY,
+ e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+ e.button, e.relatedTarget || document.body.parentNode);
+ } else if (document.createEventObject) {
+ evt = document.createEventObject();
+ $.extend(evt, e);
+ evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
+ }
+ return evt;
+ },
+ keyboardEvent: function(type, options) {
+ var evt;
+
+ var e = $.extend({ bubbles: true, cancelable: true, view: window,
+ ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
+ keyCode: 0, charCode: 0
+ }, options);
+
+ if ($.isFunction(document.createEvent)) {
+ try {
+ evt = document.createEvent("KeyEvents");
+ evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view,
+ e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+ e.keyCode, e.charCode);
+ } catch(err) {
+ evt = document.createEvent("Events");
+ evt.initEvent(type, e.bubbles, e.cancelable);
+ $.extend(evt, { view: e.view,
+ ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey,
+ keyCode: e.keyCode, charCode: e.charCode
+ });
+ }
+ } else if (document.createEventObject) {
+ evt = document.createEventObject();
+ $.extend(evt, e);
+ }
+ if ($.browser.msie || $.browser.opera) {
+ evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
+ evt.charCode = undefined;
+ }
+ return evt;
+ },
+
+ dispatchEvent: function(el, type, evt) {
+ if (el.dispatchEvent) {
+ el.dispatchEvent(evt);
+ } else if (el.fireEvent) {
+ el.fireEvent('on' + type, evt);
+ }
+ return evt;
+ },
+
+ drag: function(el) {
+ var self = this, center = this.findCenter(this.target),
+ options = this.options, x = Math.floor(center.x), y = Math.floor(center.y),
+ dx = options.dx || 0, dy = options.dy || 0, target = this.target;
+ var coord = { clientX: x, clientY: y };
+ this.simulateEvent(target, "mousedown", coord);
+ coord = { clientX: x + 1, clientY: y + 1 };
+ this.simulateEvent(document, "mousemove", coord);
+ coord = { clientX: x + dx, clientY: y + dy };
+ this.simulateEvent(document, "mousemove", coord);
+ this.simulateEvent(document, "mousemove", coord);
+ this.simulateEvent(target, "mouseup", coord);
+ },
+ findCenter: function(el) {
+ var el = $(this.target), o = el.offset();
+ return {
+ x: o.left + el.outerWidth() / 2,
+ y: o.top + el.outerHeight() / 2
+ };
+ }
+});
+
+$.extend($.simulate, {
+ defaults: {
+ speed: 'sync'
+ },
+ VK_TAB: 9,
+ VK_ENTER: 13,
+ VK_ESC: 27,
+ VK_PGUP: 33,
+ VK_PGDN: 34,
+ VK_END: 35,
+ VK_HOME: 36,
+ VK_LEFT: 37,
+ VK_UP: 38,
+ VK_RIGHT: 39,
+ VK_DOWN: 40
+});
+
+})(jQuery);
diff --git a/tests/sortable.html b/tests/sortable.html
index d85b8eb618..0e48adf09f 100644
--- a/tests/sortable.html
+++ b/tests/sortable.html
@@ -1,45 +1,45 @@
-
-
-
- -
+
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
jQuery UI Sortable Test Suite
- - - -
-
-
-
-
+
+
+
+ -
-
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
jQuery UI Sortable Test Suite
+ + + +
+
+
+
+
diff --git a/tests/sortable.js b/tests/sortable.js
index 7b79311a7d..d3ab006cfa 100644
--- a/tests/sortable.js
+++ b/tests/sortable.js
@@ -1,141 +1,141 @@
-/*
- * sortable unit tests
- */
-(function($) {
-//
-// Sortable Test Helper Functions
-//
-var el, offsetBefore, offsetAfter, dragged;
-
-var drag = function(handle, dx, dy) {
- offsetBefore = $(handle).offset();
- $(handle).simulate("drag", {
- dx: dx || 0,
- dy: dy || 0
- });
- dragged = { dx: dx, dy: dy };
- offsetAfter = $(handle).offset();
-}
-
-var sort = function(handle, dx, dy, index, msg) {
- drag(handle, dx, dy);
- equals($(handle).parent().children().index(handle), index, msg);
-}
-
-var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
-var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
-
-// Sortable Tests
-module("sortable");
-
-test("init", function() {
- expect(6);
-
- el = $("#sortable").sortable();
- ok(true, '.sortable() called on element');
-
- $([]).sortable();
- ok(true, '.sortable() called on empty collection');
-
- $("").sortable();
- ok(true, '.sortable() called on disconnected DOMElement');
-
- $("").sortable().sortable("foo");
- ok(true, 'arbitrary method called after init');
-
- $("").sortable().data("foo.sortable");
- ok(true, 'arbitrary option getter after init');
-
- $("").sortable().data("foo.sortable", "bar");
- ok(true, 'arbitrary option setter after init');
-});
-
-test("destroy", function() {
- expect(6);
-
- $("#sortable").sortable().sortable("destroy");
- ok(true, '.sortable("destroy") called on element');
-
- $([]).sortable().sortable("destroy");
- ok(true, '.sortable("destroy") called on empty collection');
-
- $("").sortable().sortable("destroy");
- ok(true, '.sortable("destroy") called on disconnected DOMElement');
-
- $("").sortable().sortable("destroy").sortable("foo");
- ok(true, 'arbitrary method called after destroy');
-
- $("").sortable().sortable("destroy").data("foo.sortable");
- ok(true, 'arbitrary option getter after destroy');
-
- $("").sortable().sortable("destroy").data("foo.sortable", "bar");
- ok(true, 'arbitrary option setter after destroy');
-});
-
-test("enable", function() {
- expect(4);
- el = $("#sortable").sortable({ disabled: true });
-
- sort($("li", el)[0], 0, 40, 0, '.sortable({ disabled: true })');
-
- el.sortable("enable");
- equals(el.data("disabled.sortable"), false, "disabled.sortable getter");
-
- el.sortable("destroy");
- el.sortable({ disabled: true });
- el.data("disabled.sortable", false);
- equals(el.data("disabled.sortable"), false, "disabled.sortable setter");
-
- sort($("li", el)[0], 0, 40, 2, '.data("disabled.sortable", false)');
-});
-
-test("disable", function() {
- expect(5);
- el = $("#sortable").sortable({ disabled: false });
- sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
-
- el.sortable("disable");
- sort($("li", el)[0], 0, 40, 0, 'disabled.sortable getter');
-
- el.sortable("destroy");
-
- el.sortable({ disabled: false });
- sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
- el.data("disabled.sortable", true);
- equals(el.data("disabled.sortable"), true, "disabled.sortable setter");
- sort($("li", el)[0], 0, 40, 0, '.data("disabled.sortable", true)');
-});
-
-test("defaults", function() {
- el = $("#sortable").sortable();
-
- equals(el.data("helper.sortable"), "original", "helper");
- equals(el.data("tolerance.sortable"), "guess", "tolerance");
- equals(el.data("distance.sortable"), 1, "distance");
- equals(el.data("disabled.sortable"), false, "disabled");
- equals(el.data("delay.sortable"), 0, "delay");
- equals(el.data("scroll.sortable"), true, "scroll");
- equals(el.data("scrollSensitivity.sortable"), 20, "scrollSensitivity");
- equals(el.data("scrollSpeed.sortable"), 20, "scrollSpeed");
- equals(el.data("cancel.sortable"), ":input", "cancel");
- equals(el.data("items.sortable"), "> *", "items");
- equals(el.data("zIndex.sortable"), 1000, "zIndex");
- equals(el.data("dropOnEmpty.sortable"), true, "dropOnEmpty");
- equals(el.data("appendTo.sortable"), "parent", "appendTo");
-
-});
-
-test("#3019: Stop fires too early", function() {
-
- var helper = null;
- el = $("#sortable").sortable({ stop: function(e, ui) {
- helper = ui.helper;
- }});
-
- sort($("li", el)[0], 0, 40, 2, 'Dragging the sortable');
- equals(helper, null, "helper should be false");
-
-});
-
-
-})(jQuery);
+/*
+ * sortable unit tests
+ */
+(function($) {
+//
+// Sortable Test Helper Functions
+//
+var el, offsetBefore, offsetAfter, dragged;
+
+var drag = function(handle, dx, dy) {
+ offsetBefore = $(handle).offset();
+ $(handle).simulate("drag", {
+ dx: dx || 0,
+ dy: dy || 0
+ });
+ dragged = { dx: dx, dy: dy };
+ offsetAfter = $(handle).offset();
+}
+
+var sort = function(handle, dx, dy, index, msg) {
+ drag(handle, dx, dy);
+ equals($(handle).parent().children().index(handle), index, msg);
+}
+
+var border = function(el, side) { return parseInt(el.css('border-' + side + '-width')); }
+var margin = function(el, side) { return parseInt(el.css('margin-' + side)); }
+
+// Sortable Tests
+module("sortable");
+
+test("init", function() {
+ expect(6);
+
+ el = $("#sortable").sortable();
+ ok(true, '.sortable() called on element');
+
+ $([]).sortable();
+ ok(true, '.sortable() called on empty collection');
+
+ $("").sortable();
+ ok(true, '.sortable() called on disconnected DOMElement');
+
+ $("").sortable().sortable("foo");
+ ok(true, 'arbitrary method called after init');
+
+ $("").sortable().data("foo.sortable");
+ ok(true, 'arbitrary option getter after init');
+
+ $("").sortable().data("foo.sortable", "bar");
+ ok(true, 'arbitrary option setter after init');
+});
+
+test("destroy", function() {
+ expect(6);
+
+ $("#sortable").sortable().sortable("destroy");
+ ok(true, '.sortable("destroy") called on element');
+
+ $([]).sortable().sortable("destroy");
+ ok(true, '.sortable("destroy") called on empty collection');
+
+ $("").sortable().sortable("destroy");
+ ok(true, '.sortable("destroy") called on disconnected DOMElement');
+
+ $("").sortable().sortable("destroy").sortable("foo");
+ ok(true, 'arbitrary method called after destroy');
+
+ $("").sortable().sortable("destroy").data("foo.sortable");
+ ok(true, 'arbitrary option getter after destroy');
+
+ $("").sortable().sortable("destroy").data("foo.sortable", "bar");
+ ok(true, 'arbitrary option setter after destroy');
+});
+
+test("enable", function() {
+ expect(4);
+ el = $("#sortable").sortable({ disabled: true });
+
+ sort($("li", el)[0], 0, 40, 0, '.sortable({ disabled: true })');
+
+ el.sortable("enable");
+ equals(el.data("disabled.sortable"), false, "disabled.sortable getter");
+
+ el.sortable("destroy");
+ el.sortable({ disabled: true });
+ el.data("disabled.sortable", false);
+ equals(el.data("disabled.sortable"), false, "disabled.sortable setter");
+
+ sort($("li", el)[0], 0, 40, 2, '.data("disabled.sortable", false)');
+});
+
+test("disable", function() {
+ expect(5);
+ el = $("#sortable").sortable({ disabled: false });
+ sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
+
+ el.sortable("disable");
+ sort($("li", el)[0], 0, 40, 0, 'disabled.sortable getter');
+
+ el.sortable("destroy");
+
+ el.sortable({ disabled: false });
+ sort($("li", el)[0], 0, 40, 2, '.sortable({ disabled: false })');
+ el.data("disabled.sortable", true);
+ equals(el.data("disabled.sortable"), true, "disabled.sortable setter");
+ sort($("li", el)[0], 0, 40, 0, '.data("disabled.sortable", true)');
+});
+
+test("defaults", function() {
+ el = $("#sortable").sortable();
+
+ equals(el.data("helper.sortable"), "original", "helper");
+ equals(el.data("tolerance.sortable"), "guess", "tolerance");
+ equals(el.data("distance.sortable"), 1, "distance");
+ equals(el.data("disabled.sortable"), false, "disabled");
+ equals(el.data("delay.sortable"), 0, "delay");
+ equals(el.data("scroll.sortable"), true, "scroll");
+ equals(el.data("scrollSensitivity.sortable"), 20, "scrollSensitivity");
+ equals(el.data("scrollSpeed.sortable"), 20, "scrollSpeed");
+ equals(el.data("cancel.sortable"), ":input", "cancel");
+ equals(el.data("items.sortable"), "> *", "items");
+ equals(el.data("zIndex.sortable"), 1000, "zIndex");
+ equals(el.data("dropOnEmpty.sortable"), true, "dropOnEmpty");
+ equals(el.data("appendTo.sortable"), "parent", "appendTo");
+
+});
+
+test("#3019: Stop fires too early", function() {
+
+ var helper = null;
+ el = $("#sortable").sortable({ stop: function(e, ui) {
+ helper = ui.helper;
+ }});
+
+ sort($("li", el)[0], 0, 40, 2, 'Dragging the sortable');
+ equals(helper, null, "helper should be false");
+
+});
+
+
+})(jQuery);
diff --git a/tests/spinner.html b/tests/spinner.html
index c8b1f0dee9..e9b2f00586 100644
--- a/tests/spinner.html
+++ b/tests/spinner.html
@@ -1,39 +1,39 @@
-
-
-
- -
+
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
jQuery UI Spinner Test Suite
- - - -
-
-
-
-
-
+
+
+
+ jQuery UI Spinner Test Suite
+ + + +
+
+
+
+
+
diff --git a/tests/spinner.js b/tests/spinner.js
index ceb14a618e..533034a955 100644
--- a/tests/spinner.js
+++ b/tests/spinner.js
@@ -1,311 +1,311 @@
-/*
- * spinner unit tests
- */
-(function($) {
-
-// Spinner Tests
-module("spinner");
-
-test("init", function() {
- expect(2);
-
- $("#spin").spinner();
- ok(true, '.spinner() called on element');
-
- $('').spinner().remove();
- ok(true, '.spinner() called on disconnected element');
-
-});
-
-test("destroy", function() {
- expect(2);
-
- $("#spin").spinner().spinner("destroy");
- ok(true, '.spinner("destroy") called on element');
-
- $('').spinner().spinner("destroy").remove();
- ok(true, '.spinner().spinner("destroy") called on disconnected element');
-
-});
-
-test("re-attach", function() {
- expect(2);
-
- el = $("#spin").spinner().spinner("destroy").spinner();
- ok(true, '.spinner().spinner("destroy").spinner() called on element');
-
- $('').spinner().spinner("destroy").spinner().remove();
- ok(true, '.spinner().spinner("destroy").spinner() called on disconnected element');
-
-});
-
-test("disable", function() {
- expect(1);
-
- $("#spin").spinner().spinner("disable");
- ok(true, '.spinner("disable") called on element');
-
-});
-
-test("enable", function() {
- expect(1);
-
- $("#spin").spinner().spinner("disable").spinner("enable");
- ok(true, '.spinner("enable") called on element');
-
-});
-
-test("defaults", function() {
- expect(7);
- el = $("#spin").spinner();
-
- equals(el.data("currency.spinner"), false, "currency");
- equals(el.data("disabled.spinner"), false, "disabled");
- equals(el.data("incremental.spinner"), true, "incremental");
- equals(el.data("max.spinner"), undefined, "max");
- equals(el.data("min.spinner"), undefined, "min");
- equals(el.data("start.spinner"), 0, "start");
- equals(el.data("stepping.spinner"), 1, "stepping");
-
-});
-
-test("set defaults on init", function() {
- expect(7);
- el = $("#spin").spinner({ currency:"", disabled:true, incremental:false, max:200, min:-100, start:50, stepping:2 });
-
- equals(el.data("currency.spinner"), "", "currency");
- equals(el.data("disabled.spinner"), true, "disabled");
- equals(el.data("incremental.spinner"), false, "incremental");
- equals(el.data("max.spinner"), 200, "max");
- equals(el.data("min.spinner"), -100, "min");
- equals(el.data("start.spinner"), 50, "start");
- equals(el.data("stepping.spinner"), 2, "stepping");
-
-});
-
-test("keydown on input", function() {
- expect(6);
- el = $("#spin").spinner();
-
- equals(el.val(), 0, "start number");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_UP})
- .simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(el.val(), 1, "Up key");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_RIGHT})
- .simulate("keyup",{keyCode:$.simulate.VK_RIGHT});
-
- equals(el.val(), 1, "Right key");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
- .simulate("keyup",{keyCode:$.simulate.VK_HOME});
-
- equals(el.val(), 0, "Home key to start");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_DOWN})
- .simulate("keyup",{keyCode:$.simulate.VK_DOWN});
-
- equals(el.val(), -1, "Down Key");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_LEFT})
- .simulate("keyup",{keyCode:$.simulate.VK_LEFT});
-
- equals(el.val(), -1, "Left Key");
-
-});
-
-test("keydown on input with options", function() {
- expect(4);
-
- el = $("#spin").spinner({ incremental:false, max:200, min:-100, start:50, stepping:10 });
-
- equals(el.val(), 50, "start number");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_UP})
- .simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(el.val(), 60, "stepping 10 on 50");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_END})
- .simulate("keyup",{keyCode:$.simulate.VK_END});
-
- equals(el.val(), 200, "End key to max");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
- .simulate("keyup",{keyCode:$.simulate.VK_HOME});
-
- equals(el.val(), -100, "Home key to min");
-
-
-});
-
-test("currency and decimal options", function() {
- expect(5);
-
- el = $("#spin").spinner({ currency:"$", incremental:false, max:120, min:-50, stepping:0.3 });
-
- equals(el.val(), "$0.00", "start number");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_UP})
- .simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(el.val(), "$0.30", "stepping 0.30");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_END})
- .simulate("keyup",{keyCode:$.simulate.VK_END});
-
- equals(el.val(), "$120.00", "End key to max");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
- .simulate("keyup",{keyCode:$.simulate.VK_HOME});
-
- equals(el.val(), "-$50.00", "Home key to min");
-
- for ( var i = 1 ; i<=120 ; i++ ) {
- el.simulate("keydown",{keyCode:$.simulate.VK_UP});
- }
-
- el.simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(el.val(), "-$14.00", "keydown 120 times");
-
-});
-
-test("decimal options", function() {
- expect(3);
-
- el = $("#spin").spinner({ currency:false, incremental:false, stepping:0.7 });
-
- equals(el.val(), "0.0", "start number");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_DOWN})
- .simulate("keyup",{keyCode:$.simulate.VK_DOWN});
-
- equals(el.val(), "-0.7", "stepping 0.7");
-
- for ( var i = 1 ; i<=11 ; i++ ) {
- el.simulate("keydown",{keyCode:$.simulate.VK_UP});
- }
-
- el.simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(el.val(), "7.0", "keydown 11 times");
-
-});
-
-test("spin without auto-incremental stepping", function() {
- expect(2);
-
- el = $("#spin").spinner({ incremental:false });
-
- for ( var i = 1 ; i<=120 ; i++ ) {
- el.simulate("keydown",{keyCode:$.simulate.VK_UP});
- }
-
- el.simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(el.val(), 120, "keydown 120 times");
-
- for ( var i = 1 ; i<=210 ; i++ ) {
- el.simulate("keydown",{keyCode:$.simulate.VK_DOWN});
- }
-
- el.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
-
- equals(el.val(), -90, "keydown 210 times");
-
-});
-
-test("spin with auto-incremental stepping", function() {
- expect(2);
-
- el = $("#spin").spinner();
-
- for ( var i = 1 ; i<=120 ; i++ ) {
- el.simulate("keydown",{keyCode:$.simulate.VK_UP});
- }
-
- el.simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(el.val(), 300, "keydown 120 times (100+20*10)");
-
- for ( var i = 1 ; i<=210 ; i++ ) {
- el.simulate("keydown",{keyCode:$.simulate.VK_DOWN});
- }
-
- el.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
-
- equals(el.val(), -1800, "keydown 210 times (300-100-100*10-10*100)");
-
-});
-
-test("mouse click on buttons", function() {
- expect(4);
- el = $("#spin").spinner();
-
- $(".ui-spinner-up").trigger("mousedown").trigger("mouseup");
-
- equals(el.val(), 1, "mouse click to up");
-
- $(".ui-spinner-up").trigger("dblclick");
-
- equals(el.val(), 2, "mouse double click to up");
-
- $(".ui-spinner-down").trigger("mousedown").trigger("mouseup");
-
- equals(el.val(), 1, "mouse click to down");
-
- $(".ui-spinner-down").trigger("dblclick");
-
- equals(el.val(), 0, "mouse double click to down");
-
-
-});
-
-test("callback", function() {
- expect(4);
-
- var s = c = d = u = 0;
-
- el = $("#spin").spinner({
- spin: function(){
- s++;
- },
- change: function(){
- c++;
- },
- up: function(){
- u++;
- },
- down: function(){
- d++;
- }
- });
-
- el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(u, 1, "Up 1 time");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_DOWN}).simulate("keyup",{keyCode:$.simulate.VK_DOWN});
-
- equals(d, 1, "Down 1 time");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(s, 3, "Spin 3 times");
-
- el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
-
- equals(c, 4, "Change 4 times");
-
-});
-
-test("mouse wheel on input", function() {
- expect(0);
-
-
-});
-
-})(jQuery);
+/*
+ * spinner unit tests
+ */
+(function($) {
+
+// Spinner Tests
+module("spinner");
+
+test("init", function() {
+ expect(2);
+
+ $("#spin").spinner();
+ ok(true, '.spinner() called on element');
+
+ $('').spinner().remove();
+ ok(true, '.spinner() called on disconnected element');
+
+});
+
+test("destroy", function() {
+ expect(2);
+
+ $("#spin").spinner().spinner("destroy");
+ ok(true, '.spinner("destroy") called on element');
+
+ $('').spinner().spinner("destroy").remove();
+ ok(true, '.spinner().spinner("destroy") called on disconnected element');
+
+});
+
+test("re-attach", function() {
+ expect(2);
+
+ el = $("#spin").spinner().spinner("destroy").spinner();
+ ok(true, '.spinner().spinner("destroy").spinner() called on element');
+
+ $('').spinner().spinner("destroy").spinner().remove();
+ ok(true, '.spinner().spinner("destroy").spinner() called on disconnected element');
+
+});
+
+test("disable", function() {
+ expect(1);
+
+ $("#spin").spinner().spinner("disable");
+ ok(true, '.spinner("disable") called on element');
+
+});
+
+test("enable", function() {
+ expect(1);
+
+ $("#spin").spinner().spinner("disable").spinner("enable");
+ ok(true, '.spinner("enable") called on element');
+
+});
+
+test("defaults", function() {
+ expect(7);
+ el = $("#spin").spinner();
+
+ equals(el.data("currency.spinner"), false, "currency");
+ equals(el.data("disabled.spinner"), false, "disabled");
+ equals(el.data("incremental.spinner"), true, "incremental");
+ equals(el.data("max.spinner"), undefined, "max");
+ equals(el.data("min.spinner"), undefined, "min");
+ equals(el.data("start.spinner"), 0, "start");
+ equals(el.data("stepping.spinner"), 1, "stepping");
+
+});
+
+test("set defaults on init", function() {
+ expect(7);
+ el = $("#spin").spinner({ currency:"", disabled:true, incremental:false, max:200, min:-100, start:50, stepping:2 });
+
+ equals(el.data("currency.spinner"), "", "currency");
+ equals(el.data("disabled.spinner"), true, "disabled");
+ equals(el.data("incremental.spinner"), false, "incremental");
+ equals(el.data("max.spinner"), 200, "max");
+ equals(el.data("min.spinner"), -100, "min");
+ equals(el.data("start.spinner"), 50, "start");
+ equals(el.data("stepping.spinner"), 2, "stepping");
+
+});
+
+test("keydown on input", function() {
+ expect(6);
+ el = $("#spin").spinner();
+
+ equals(el.val(), 0, "start number");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP})
+ .simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(el.val(), 1, "Up key");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_RIGHT})
+ .simulate("keyup",{keyCode:$.simulate.VK_RIGHT});
+
+ equals(el.val(), 1, "Right key");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
+ .simulate("keyup",{keyCode:$.simulate.VK_HOME});
+
+ equals(el.val(), 0, "Home key to start");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_DOWN})
+ .simulate("keyup",{keyCode:$.simulate.VK_DOWN});
+
+ equals(el.val(), -1, "Down Key");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_LEFT})
+ .simulate("keyup",{keyCode:$.simulate.VK_LEFT});
+
+ equals(el.val(), -1, "Left Key");
+
+});
+
+test("keydown on input with options", function() {
+ expect(4);
+
+ el = $("#spin").spinner({ incremental:false, max:200, min:-100, start:50, stepping:10 });
+
+ equals(el.val(), 50, "start number");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP})
+ .simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(el.val(), 60, "stepping 10 on 50");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_END})
+ .simulate("keyup",{keyCode:$.simulate.VK_END});
+
+ equals(el.val(), 200, "End key to max");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
+ .simulate("keyup",{keyCode:$.simulate.VK_HOME});
+
+ equals(el.val(), -100, "Home key to min");
+
+
+});
+
+test("currency and decimal options", function() {
+ expect(5);
+
+ el = $("#spin").spinner({ currency:"$", incremental:false, max:120, min:-50, stepping:0.3 });
+
+ equals(el.val(), "$0.00", "start number");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP})
+ .simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(el.val(), "$0.30", "stepping 0.30");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_END})
+ .simulate("keyup",{keyCode:$.simulate.VK_END});
+
+ equals(el.val(), "$120.00", "End key to max");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_HOME})
+ .simulate("keyup",{keyCode:$.simulate.VK_HOME});
+
+ equals(el.val(), "-$50.00", "Home key to min");
+
+ for ( var i = 1 ; i<=120 ; i++ ) {
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP});
+ }
+
+ el.simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(el.val(), "-$14.00", "keydown 120 times");
+
+});
+
+test("decimal options", function() {
+ expect(3);
+
+ el = $("#spin").spinner({ currency:false, incremental:false, stepping:0.7 });
+
+ equals(el.val(), "0.0", "start number");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_DOWN})
+ .simulate("keyup",{keyCode:$.simulate.VK_DOWN});
+
+ equals(el.val(), "-0.7", "stepping 0.7");
+
+ for ( var i = 1 ; i<=11 ; i++ ) {
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP});
+ }
+
+ el.simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(el.val(), "7.0", "keydown 11 times");
+
+});
+
+test("spin without auto-incremental stepping", function() {
+ expect(2);
+
+ el = $("#spin").spinner({ incremental:false });
+
+ for ( var i = 1 ; i<=120 ; i++ ) {
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP});
+ }
+
+ el.simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(el.val(), 120, "keydown 120 times");
+
+ for ( var i = 1 ; i<=210 ; i++ ) {
+ el.simulate("keydown",{keyCode:$.simulate.VK_DOWN});
+ }
+
+ el.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
+
+ equals(el.val(), -90, "keydown 210 times");
+
+});
+
+test("spin with auto-incremental stepping", function() {
+ expect(2);
+
+ el = $("#spin").spinner();
+
+ for ( var i = 1 ; i<=120 ; i++ ) {
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP});
+ }
+
+ el.simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(el.val(), 300, "keydown 120 times (100+20*10)");
+
+ for ( var i = 1 ; i<=210 ; i++ ) {
+ el.simulate("keydown",{keyCode:$.simulate.VK_DOWN});
+ }
+
+ el.simulate("keyup",{keyCode:$.simulate.VK_DOWN});
+
+ equals(el.val(), -1800, "keydown 210 times (300-100-100*10-10*100)");
+
+});
+
+test("mouse click on buttons", function() {
+ expect(4);
+ el = $("#spin").spinner();
+
+ $(".ui-spinner-up").trigger("mousedown").trigger("mouseup");
+
+ equals(el.val(), 1, "mouse click to up");
+
+ $(".ui-spinner-up").trigger("dblclick");
+
+ equals(el.val(), 2, "mouse double click to up");
+
+ $(".ui-spinner-down").trigger("mousedown").trigger("mouseup");
+
+ equals(el.val(), 1, "mouse click to down");
+
+ $(".ui-spinner-down").trigger("dblclick");
+
+ equals(el.val(), 0, "mouse double click to down");
+
+
+});
+
+test("callback", function() {
+ expect(4);
+
+ var s = c = d = u = 0;
+
+ el = $("#spin").spinner({
+ spin: function(){
+ s++;
+ },
+ change: function(){
+ c++;
+ },
+ up: function(){
+ u++;
+ },
+ down: function(){
+ d++;
+ }
+ });
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(u, 1, "Up 1 time");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_DOWN}).simulate("keyup",{keyCode:$.simulate.VK_DOWN});
+
+ equals(d, 1, "Down 1 time");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(s, 3, "Spin 3 times");
+
+ el.simulate("keydown",{keyCode:$.simulate.VK_UP}).simulate("keyup",{keyCode:$.simulate.VK_UP});
+
+ equals(c, 4, "Change 4 times");
+
+});
+
+test("mouse wheel on input", function() {
+ expect(0);
+
+
+});
+
+})(jQuery);
diff --git a/tests/visual/all.css b/tests/visual/all.css
index 7f49f20af3..afa86e6c34 100644
--- a/tests/visual/all.css
+++ b/tests/visual/all.css
@@ -1,80 +1,80 @@
-
-body { margin: 0; padding: 20px; background: black; }
-ul.plugins { margin: 0; padding: 0; }
-ul.plugins li { margin: 0 12px 12px 0;
- list-style-type: none; width: 210px; height: 220px; float: left;
- color: white; border: 1px solid gray; text-align: center; font-weight: bold; }
-
-#accordion, #draggable,
-#resizable, #selectable, #sortable, #tabs {
- margin: 10px;
- width: 190px; height: 180px;
- text-align: center;
- background: #FF9C08; color: white; font-weight: bold;
-}
-#selectable div {
- width: 45px; height: 45px; float: left; margin: 6px;
- border: 1px solid white;
-}
-#selectable .ui-selecting {
- background: gray;
-}
-#selectable .ui-selected {
- background: black;
-}
-#sortable div {
- width: 45px; height: 45px; float: left; margin: 6px;
- border: 1px solid white;
-}
-#sortable .ui-sortable-helper {
- background: black;
-}
-
-.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; }
-#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; }
-#droppable .draggable { margin: 7px; }
-
-.ui-dialog { background-color: #FF9C08; }
-.ui-dialog .ui-dialog-titlebar { background: black; padding: 0px; height: 28px; _height: 29px; }
-.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }
-
-.ui-dialog .ui-dialog-titlebar-close {
- width: 16px; height: 16px; position: absolute; top: 6px; right: 7px;
- cursor: default; color: white;
-}
-
-.ui-dialog .ui-dialog-titlebar-close-hover { color: #FF9C08; }
-
-.ui-dialog .ui-dialog-title {
- margin-left: 5px; color: white; font-weight: bold;
- position: relative; top: 7px; left: 4px;
-}
-
-.ui-dialog .ui-dialog-content {
- margin: 1.2em;
-}
-
-.ui-dialog .ui-dialog-buttonpane {
- position: absolute;
- bottom: 8px;
- right: 12px;
- width: 100%;
- text-align: right;
-}
-
-.ui-dialog .ui-dialog-buttonpane button {
- margin: 6px;
-}
-
-/* Dialog handle styles */
-.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }
-
-.ui-slider { margin: 10px; background: #FF9C08; height: 15px; position: relative; }
-.ui-slider-handle { width: 10px; height: 15px; background: white; position: absolute; top: 0px; left: 0px; }
+
+body { margin: 0; padding: 20px; background: black; }
+ul.plugins { margin: 0; padding: 0; }
+ul.plugins li { margin: 0 12px 12px 0;
+ list-style-type: none; width: 210px; height: 220px; float: left;
+ color: white; border: 1px solid gray; text-align: center; font-weight: bold; }
+
+#accordion, #draggable,
+#resizable, #selectable, #sortable, #tabs {
+ margin: 10px;
+ width: 190px; height: 180px;
+ text-align: center;
+ background: #FF9C08; color: white; font-weight: bold;
+}
+#selectable div {
+ width: 45px; height: 45px; float: left; margin: 6px;
+ border: 1px solid white;
+}
+#selectable .ui-selecting {
+ background: gray;
+}
+#selectable .ui-selected {
+ background: black;
+}
+#sortable div {
+ width: 45px; height: 45px; float: left; margin: 6px;
+ border: 1px solid white;
+}
+#sortable .ui-sortable-helper {
+ background: black;
+}
+
+.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; }
+#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; }
+#droppable .draggable { margin: 7px; }
+
+.ui-dialog { background-color: #FF9C08; }
+.ui-dialog .ui-dialog-titlebar { background: black; padding: 0px; height: 28px; _height: 29px; }
+.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }
+
+.ui-dialog .ui-dialog-titlebar-close {
+ width: 16px; height: 16px; position: absolute; top: 6px; right: 7px;
+ cursor: default; color: white;
+}
+
+.ui-dialog .ui-dialog-titlebar-close-hover { color: #FF9C08; }
+
+.ui-dialog .ui-dialog-title {
+ margin-left: 5px; color: white; font-weight: bold;
+ position: relative; top: 7px; left: 4px;
+}
+
+.ui-dialog .ui-dialog-content {
+ margin: 1.2em;
+}
+
+.ui-dialog .ui-dialog-buttonpane {
+ position: absolute;
+ bottom: 8px;
+ right: 12px;
+ width: 100%;
+ text-align: right;
+}
+
+.ui-dialog .ui-dialog-buttonpane button {
+ margin: 6px;
+}
+
+/* Dialog handle styles */
+.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }
+.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }
+
+.ui-slider { margin: 10px; background: #FF9C08; height: 15px; position: relative; }
+.ui-slider-handle { width: 10px; height: 15px; background: white; position: absolute; top: 0px; left: 0px; }
diff --git a/tests/visual/all.html b/tests/visual/all.html
index 23eb00acc8..09897b62fa 100644
--- a/tests/visual/all.html
+++ b/tests/visual/all.html
@@ -1,107 +1,107 @@
-
-
-
- -
-
-
- Datepicker
- - --
-
-
- Dialog
- - --
-
- - Draggable - - -
-
- Droppable
- D-R-A-G-- DROP --
-
- - - Resizable - - -
-
- Selectable
- --1-2-3-4-5-6-7-8-9-
-
- - Slider - - -
-
- Sortable
- --C-I-G-F-D-H-A-E-B-
-
-
+
-
+ Datepicker
+ + ++
+
-
+ Dialog
+ + ++
+
- + Draggable + + +
-
+ Droppable
+ D+R+A+G++ DROP ++
+
+ - + Resizable + + +
-
+ Selectable
+ ++1+2+3+4+5+6+7+8+9+
+
- + Slider + + +
-
+ Sortable
+ ++C+I+G+F+D+H+A+E+B+
+
-
-
-
+
+
+
+
+ Color Picker
- -
-
-
-
- About
-A simple component to select color in the same way you select color in Adobe Photoshop
-Features
--
-
- Flat mode - as element in page -
- Powerful controls for color selection -
- Easy to customize the look by changing some images -
- Fits into the viewport -
Examples
-Flat mode.
--
-
-$('#colorpickerHolder').ColorPicker({flat: true});
-
- Custom skin and using flat mode to display the color picker in a custom widget.
-
-
-
-
-
-
- Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.
- -
-$('#colorpickerField1').ColorPicker({
- onSubmit: function(hsb, hex, rgb) {
- $('#colorpickerField1').val(hex);
- },
- onBeforeShow: function () {
- $(this).ColorPickerSetColor(this.value);
- }
-})
-.bind('keyup', function(){
- $(this).ColorPickerSetColor(this.value);
-});
-
- Attached to DOMElement and using callbacks to live preview the color and adding animation.
--
-
-
-$('#colorSelector').ColorPicker({
- color: '#0000ff',
- onShow: function (colpkr) {
- $(colpkr).fadeIn(500);
- return false;
- },
- onHide: function (colpkr) {
- $(colpkr).fadeOut(500);
- return false;
- },
- onChange: function (hsb, hex, rgb) {
- $('#colorSelector div').css('backgroundColor', '#' + hex);
- }
-});
-
-
+
+
+
diff --git a/tests/visual/datepicker.html b/tests/visual/datepicker.html
index d3439fd35f..7fea7cbea4 100644
--- a/tests/visual/datepicker.html
+++ b/tests/visual/datepicker.html
@@ -1,28 +1,28 @@
-
-
-
- Color Picker
+ +
+
+
+
+ About
+A simple component to select color in the same way you select color in Adobe Photoshop
+Features
+-
+
- Flat mode - as element in page +
- Powerful controls for color selection +
- Easy to customize the look by changing some images +
- Fits into the viewport +
Examples
+Flat mode.
++
+
+$('#colorpickerHolder').ColorPicker({flat: true});
+
+ Custom skin and using flat mode to display the color picker in a custom widget.
+
+
+
+
+
+
+ Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color.
+ +
+$('#colorpickerField1').ColorPicker({
+ onSubmit: function(hsb, hex, rgb) {
+ $('#colorpickerField1').val(hex);
+ },
+ onBeforeShow: function () {
+ $(this).ColorPickerSetColor(this.value);
+ }
+})
+.bind('keyup', function(){
+ $(this).ColorPickerSetColor(this.value);
+});
+
+ Attached to DOMElement and using callbacks to live preview the color and adding animation.
++
+
+
+$('#colorSelector').ColorPicker({
+ color: '#0000ff',
+ onShow: function (colpkr) {
+ $(colpkr).fadeIn(500);
+ return false;
+ },
+ onHide: function (colpkr) {
+ $(colpkr).fadeOut(500);
+ return false;
+ },
+ onChange: function (hsb, hex, rgb) {
+ $('#colorSelector div').css('backgroundColor', '#' + hex);
+ }
+});
+
+ -
-
-
- Datepicker
- - --
-
-
+
-
+ Datepicker
+ + ++
+
-
-
-
- Dialog
- - --
-
-
+
-
+ Dialog
+ + ++
+
-
-
-
- Draggable
- - Handle --
-
-
+
-
+ Draggable
+ + Handle ++
+
-
-
- - Draggable - - -
-
+
- + Draggable + + +
-
-
-
- Droppable
- D-R-A-G-- DROP --
-
-
-
+
-
+ Droppable
+ D+R+A+G++ DROP ++
+
+
-
-
-
-
- --
Blind horizontally
-
-
- -
- --
Blind vertically
-
-
- -
- --
Bounce 3 times
-
-
- -
- --
Clip horizontally
-
-
- -
- --
Clip vertically
-
-
- -
- --
Drop down
-
-
- -
- --
Drop up
-
-
- -
- --
Drop left
-
-
- -
- --
Drop right
-
-
- -
- --
Explode in 9 pieces
-
-
- -
- --
Explode in 36 pieces
-
-
- -
- --
Fold
-
-
- -
- --
Highlight
-
-
- -
- --
Pulsate 2 times
-
-
- -
- --
Puff
-
-
- -
- --
Scale
-
-
- -
- --
Shake
-
-
- -
- --
Slide down
-
-
- -
- --
Slide up
-
-
- -
- --
Slide left
-
-
- -
- --
Slide right
-
-
- -
- --
Transfer to first element
-
-
-
-
+
+
-
+ ++
Blind horizontally
+
+
+ -
+ ++
Blind vertically
+
+
+ -
+ ++
Bounce 3 times
+
+
+ -
+ ++
Clip horizontally
+
+
+ -
+ ++
Clip vertically
+
+
+ -
+ ++
Drop down
+
+
+ -
+ ++
Drop up
+
+
+ -
+ ++
Drop left
+
+
+ -
+ ++
Drop right
+
+
+ -
+ ++
Explode in 9 pieces
+
+
+ -
+ ++
Explode in 36 pieces
+
+
+ -
+ ++
Fold
+
+
+ -
+ ++
Highlight
+
+
+ -
+ ++
Pulsate 2 times
+
+
+ -
+ ++
Puff
+
+
+ -
+ ++
Scale
+
+
+ -
+ ++
Shake
+
+
+ -
+ ++
Slide down
+
+
+ -
+ ++
Slide up
+
+
+ -
+ ++
Slide left
+
+
+ -
+ ++
Slide right
+
+
+ -
+ ++
Transfer to first element
+
+
+
1. Default, no options
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
- 2. Magnification set to 1.5 (default: 2)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 3. Advanced example: overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 4. Advanced example: The direction doesn't have to be horizontal!
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 1. Default, no options
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2. Magnification set to 1.5 (default: 2)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 3. Advanced example: overlap: true, zIndex: 10, opacity: { min: 0.6, max: 1 }, baseline: -1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 4. Advanced example: The direction doesn't have to be horizontal!
+
+
+
+
+
+
diff --git a/tests/visual/progressbar.html b/tests/visual/progressbar.html
index 79dae2e4d2..6341a342fd 100644
--- a/tests/visual/progressbar.html
+++ b/tests/visual/progressbar.html
@@ -1,294 +1,294 @@
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ jQuery - ProgressBar
- -log
-
-
-- - - - - - - - - - - -
- -
- - - - - - - - - - -
- -
- - - - - - - - - - - -
- - - - - - - - + + + + + +
jQuery - ProgressBar
+ +log
+
+
++ + + + + + + + + + + +
+ +
+ + + + + + + + + + +
+ +
+ + + + + + + + + + + +
+ + + + + + + + diff --git a/tests/visual/resizable.html b/tests/visual/resizable.html index caef95f269..1129db91e2 100644 --- a/tests/visual/resizable.html +++ b/tests/visual/resizable.html @@ -1,26 +1,26 @@ - - - -
-
-
- - Resizable - - -
-
+
- + Resizable + + +
-
-
-
- Selectable
- --1-2-3-4-5-6-7-8-9-
-
-
+
-
+ Selectable
+ ++1+2+3+4+5+6+7+8+9+
+
-
-
- - Slider - - -
-
+
- + Slider + + +
-
-
-
- Sortable
- --C-I-G-F-D-H-A-E-B-
-
-
+
-
+ Sortable
+ ++C+I+G+F+D+H+A+E+B+
+
-
-
- Draggable -
-
-
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
-
-
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
-
-
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
-
-
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
-
-
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
- Item 1 -
- Item 2 -
- Item 3 -
- Item 4 -
- Item 5 -
- Item 6 -
- Item 7 -
- Item 8 -
- Item 9 -
- Item 10 -
- Item 11 -
- Item 12 -
- Item 13 -
- Item 14 -
- Item 15 -
- Item 16 -
- Item 17 -
- Item 18 -
- Item 19 -
- Item 20 -
-
+
- Draggable +
-
+
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
-
+
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
-
+
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
-
+
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
-
+
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
- Item 1 +
- Item 2 +
- Item 3 +
- Item 4 +
- Item 5 +
- Item 6 +
- Item 7 +
- Item 8 +
- Item 9 +
- Item 10 +
- Item 11 +
- Item 12 +
- Item 13 +
- Item 14 +
- Item 15 +
- Item 16 +
- Item 17 +
- Item 18 +
- Item 19 +
- Item 20 +
jQuery UI Spinner Test Page
- -This is a visual test page for developers and demonstrates some of the features included in ui.spinner. Mousewheel support is provided by the mousewheel plugin.
- --
- -- - - - -
- -- -
-
- -- - - - -
- -- -
-
- -- - - - -
- -- -
-
-
-
- item 1 -
- item 2 -
- item 3 -
- item 4 -
- item 5 -
- item 6 -
- item 7 -
- item 8 -
- item 9 -
- item 10 -
- item 11 -
- item 12 -
- item 13 -
- item 14 -
- item 15 -
- item 16 -
- item 17 -
- item 18 -
- item 19 -
- item 20 -
- - - - -
- -- -
-
- -- - - - -
- -- - - + + + + +
jQuery UI Spinner Test Page
+ +This is a visual test page for developers and demonstrates some of the features included in ui.spinner. Mousewheel support is provided by the mousewheel plugin.
+ ++
+ ++ + + + +
+ ++ +
+
+ ++ + + + +
+ ++ +
+
+ ++ + + + +
+ ++ +
+
-
+
- item 1 +
- item 2 +
- item 3 +
- item 4 +
- item 5 +
- item 6 +
- item 7 +
- item 8 +
- item 9 +
- item 10 +
- item 11 +
- item 12 +
- item 13 +
- item 14 +
- item 15 +
- item 16 +
- item 17 +
- item 18 +
- item 19 +
- item 20 +
+ + + + +
+ ++ +
+
+ ++ + + + +
+ ++ + + \ No newline at end of file diff --git a/tests/visual/tree.html b/tests/visual/tree.html index 4ae543245f..988e7d132e 100644 --- a/tests/visual/tree.html +++ b/tests/visual/tree.html @@ -1,100 +1,100 @@ - - - - -
-
-
- Item 1
-
- Item 2-
-
-
- Sub Item 1 -
- Sub Item 3 -
- Sub Item 4 -
- Sub Item 5 -
- - Item 3
-
- Item 4
-
- Item 4
-
- Item 4
-
- Item 4
-
- Item 4
-
- Item 4
-
- Item 4
-
- Item 2-
-
-
- Sub Item 1 -
- Sub Item 3 -
- Sub Item 4 -
- Sub Item 5 -
- - Item 6 -
- Item 7 -
- Item 8 -
-
+
- Item 1
+
- Item 2+
-
+
- Sub Item 1 +
- Sub Item 3 +
- Sub Item 4 +
- Sub Item 5 +
+ - Item 3
+
- Item 4
+
- Item 4
+
- Item 4
+
- Item 4
+
- Item 4
+
- Item 4
+
- Item 4
+
- Item 2+
-
+
- Sub Item 1 +
- Sub Item 3 +
- Sub Item 4 +
- Sub Item 5 +
+ - Item 6 +
- Item 7 +
- Item 8 +