tracer/x-editable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

onblur option test ready

Browse Source
This commit is contained in:
vitalets 2012-11-29 12:46:10 +04:00
parent 79847d1d92
commit 7f306aacbe
2 changed files with 188 additions and 2 deletions

1
CHANGELOG.txt

@ -4,6 +4,7 @@ X-editable changelog
Version 1.1.1 wip
----------------------------
[enh #13] 'onblur' option: to cancel, submit or ignore when user clicks outside the form (vitalets)
[enh] 'ajaxOptions' parameter for advanced ajax configuration (vitalets)
[enh] success callback can return object to overwrite submitted value (vitalets)

189
test/unit/common.js

@ -78,7 +78,7 @@
e.click();
var p = tip(e);
ok(p.is(':visible'), 'popover shown');
ok(p.is(':visible'), 'popover shown');
//todo: for jqueryui phantomjs calcs wrong position. Need investigation
if(!$.browser.webkit && fc.f !== 'jqueryui') {
@ -89,7 +89,7 @@
ok(p.find(':contains("'+title+'")').length, 'title ok');
e.remove();
});
/*
test("should close all other containers on click on editable", function () {
var e1 = $('<a href="#" data-pk="1" data-url="post.php" id="a">abc</a>').appendTo('#qunit-fixture').editable(),
e2 = $('<a href="#" data-pk="1" data-url="post.php" id="b">abcd</a>').appendTo('#qunit-fixture').editable();
@ -121,6 +121,191 @@
e1.click();
ok(!p.is(':visible'), 'popover closed');
});
*/
test("onblur: cancel", function () {
var oldValue = 'abc',
newValue = 'cde',
e = $('<a href="#" data-type="text" data-pk="1" data-url="post.php" id="a">'+oldValue+'</a>').appendTo('#qunit-fixture').editable({
onblur: 'cancel',
url: function() {}
}),
e2 = $('<a href="#" data-type="text" data-pk="1" data-url="post.php" id="b">abcd</a>').appendTo('#qunit-fixture').editable();
//click inside
e.click();
var p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(newValue);
p.click();
p.find('input').click();
ok(p.is(':visible'), 'popover1 still visible');
//click outside
p.find('input').val(newValue);
$('#qunit-fixture').click();
ok(!p.is(':visible'), 'popover1 closed');
equal(e.data('editable').value, oldValue, 'old value exists');
//click on another editable
e.click();
p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(newValue);
e2.click();
var p2 = tip(e2);
ok(!p.is(':visible'), 'popover1 closed');
ok(p2.is(':visible'), 'popover2 visible');
equal(e.data('editable').value, oldValue, 'old value exists');
e2.editable('hide');
ok(!p2.is(':visible'), 'popover2 closed');
//call show method of another editable (multi = false)
e.click();
p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(newValue);
e2.editable('show');
p2 = tip(e2);
ok(!p.is(':visible'), 'popover1 closed');
ok(p2.is(':visible'), 'popover2 visible');
equal(e.data('editable').value, oldValue, 'old value exists');
e2.editable('hide');
ok(!p2.is(':visible'), 'popover2 closed');
//call show method of another editable (multi = true)
e.click();
p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(newValue);
e2.editable('show', true);
p2 = tip(e2);
ok(p.is(':visible'), 'popover1 visible');
ok(p2.is(':visible'), 'popover2 visible');
e.editable('hide');
e2.editable('hide');
ok(!p.is(':visible'), 'popover1 closed');
ok(!p2.is(':visible'), 'popover2 closed');
});
test("onblur: submit", function () {
var oldValue = 'abc',
newValue = 'cde',
e = $('<a href="#" data-type="text" data-pk="1" data-url="post.php" id="a">'+oldValue+'</a>').appendTo('#qunit-fixture').editable({
onblur: 'submit',
url: function() {}
}),
e2 = $('<a href="#" data-type="text" data-pk="1" data-url="post.php" id="b">abcd</a>').appendTo('#qunit-fixture').editable();
//click inside
e.click();
var p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(newValue);
p.click();
p.find('input').click();
ok(p.is(':visible'), 'popover1 still visible');
//click outside
p.find('input').val(newValue);
$('#qunit-fixture').click();
ok(!p.is(':visible'), 'popover1 closed');
equal(e.data('editable').value, newValue, 'new value saved');
//click on another editable
e.click();
p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(oldValue);
e2.click();
var p2 = tip(e2);
ok(!p.is(':visible'), 'popover1 closed');
ok(p2.is(':visible'), 'popover2 visible');
equal(e.data('editable').value, oldValue, 'old value re-saved');
e2.editable('hide');
ok(!p2.is(':visible'), 'popover2 closed');
//call show method of another editable (multi = false)
e.click();
p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(newValue);
e2.editable('show');
p2 = tip(e2);
ok(!p.is(':visible'), 'popover1 closed');
ok(p2.is(':visible'), 'popover2 visible');
equal(e.data('editable').value, newValue, 'new value saved');
e2.editable('hide');
ok(!p2.is(':visible'), 'popover2 closed');
//call show method of another editable (multi = true)
e.click();
p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(oldValue);
e2.editable('show', true);
p2 = tip(e2);
ok(p.is(':visible'), 'popover1 visible');
ok(p2.is(':visible'), 'popover2 visible');
e.editable('hide');
e2.editable('hide');
ok(!p.is(':visible'), 'popover1 closed');
ok(!p2.is(':visible'), 'popover2 closed');
});
test("onblur: ignore", function () {
var oldValue = 'abc',
newValue = 'cde',
e = $('<a href="#" data-type="text" data-pk="1" data-url="post.php" id="a">'+oldValue+'</a>').appendTo('#qunit-fixture').editable({
onblur: 'ignore',
url: function() {}
}),
e2 = $('<a href="#" data-type="text" data-pk="1" data-url="post.php" id="b">abcd</a>').appendTo('#qunit-fixture').editable();
//click inside
e.click();
var p = tip(e);
ok(p.is(':visible'), 'popover1 visible');
p.find('input').val(newValue);
p.click();
p.find('input').click();
ok(p.is(':visible'), 'popover1 still visible');
//click outside
p.find('input').val(newValue);
$('#qunit-fixture').click();
ok(p.is(':visible'), 'popover1 still visible');
//click on another editable
e2.click();
var p2 = tip(e2);
ok(p.is(':visible'), 'popover1 still visible');
ok(p2.is(':visible'), 'popover2 visible');
e2.editable('hide');
ok(!p2.is(':visible'), 'popover2 closed');
//call show method of another editable (multi = false)
e2.editable('show');
p2 = tip(e2);
ok(p.is(':visible'), 'popover1 still visible');
ok(p2.is(':visible'), 'popover2 visible');
e2.editable('hide');
ok(!p2.is(':visible'), 'popover2 closed');
//call show method of another editable (multi = true)
e2.editable('show', true);
p2 = tip(e2);
ok(p.is(':visible'), 'popover1 still visible');
ok(p2.is(':visible'), 'popover2 visible');
e2.editable('hide');
ok(!p2.is(':visible'), 'popover2 closed');
e.editable('hide');
ok(!p.is(':visible'), 'popover1 closed');
});
test("should not wrap buttons when parent has position:absolute", function () {
var d = $('<div style="position: absolute; top: 200px">').appendTo(fx),