tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 12:05:37 +00:00
Code Issues Projects Releases Wiki Activity

BUGFIX Getting TreeDropdownField.js javascript tests to work with async jstree events

Browse Source
This commit is contained in:
Ingo Schommer 2011-03-09 18:55:24 +13:00
parent 89a0b1b281
commit 4591503da6
3 changed files with 45 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
javascript/TreeDropdownField.js
View File

@ -209,8 +209,8 @@
this._super($.isArray(val) ? val.join(',') : val);
},
setTitle: function(title) {
this._super($.isArray(title) : title.join(', ') : val);
this._super($.isArray(title) ? title.join(', ') : title);
}
})
});
});
}(jQuery));

63
tests/javascript/TreeDropDownField/TreeDropdownField.js
View File

@ -115,11 +115,12 @@
});
describe('when field allows multiple selections', function() {
beforeEach(function() {
// load fixture
// load fixture (check one child node, one root node)
$('body').append(
'<div id="testfield" class="TreeDropdownField multiple" href="/myurl" data-title="Root Node 1,Child Node 1">' +
'<input type="hidden" name="testfield" value="1,2" />' +
'<div id="testfield" class="TreeDropdownField multiple" href="/myurl" data-title="Root Node 2,Root Node 3">' +
'<input type="hidden" name="testfield" value="4,5" />' +
'</div>'
);
});
@ -129,6 +130,7 @@
});
describe('when more than one item is selected', function() {
it('doesnt close the panel', function() {
var f = $('#testfield'), panel = f.entwine('ss').getPanel();
loadTree(f);
@ -141,32 +143,41 @@
var f = $('#testfield'), panel = f.entwine('ss').getPanel();
loadTree(f);
f.entwine('ss').openPanel();
expect(f.entwine('ss').getValue()).toEqual(['1','2']);
expect(f.entwine('ss').getValue()).toEqual(['4','5']);
});
it('it sets the selected values on the input field', function() {
var f = $('#testfield'), panel = f.entwine('ss').getPanel();
loadTree(f);
f.entwine('ss').openPanel();
// TODO loaded.jstree event works with timeouts, so we have to wait before inspection
waits(200);
runs(function() {
panel.find('li[data-id=6] a').click();
// '4' and '5' were preselected
expect(f.entwine('ss').getValue()).toEqual(['4','5','6']);
// Selecting an checked node will remove it from selection
panel.find('li[data-id=4] a').click();
expect(f.entwine('ss').getValue()).toEqual(['5','6']);
});
});
it('it sets the selected titles', function() {
var f = $('#testfield'), panel = f.entwine('ss').getPanel();
loadTree(f);
// TODO loaded.jstree event works with timeouts, so we have to wait before inspection
waits(200);
runs(function() {
panel.find('li[data-id=6] a').click();
expect(f.entwine('ss').getTitle()).toEqual('Root node 2, Root node 3, Root node 4');
});
});
// it('it sets the selected values on the input field', function() {
// var f = $('#testfield'), panel = f.entwine('ss').getPanel();
// loadTree(f);
// f.entwine('ss').openPanel();
// panel.find('li[data-id=2] a').click();
// panel.find('li[data-id=3] a').click();
// // '1' and '2' were preselected
// expect(f.entwine('ss').getValue()).toEqual(['1','2','3']);
//
// // Selecting an checked node will remove it from selection
// panel.find('li[data-id=2] a').click();
// expect(f.entwine('ss').getValue()).toEqual(['1','3']);
// });
//
// it('it sets the selected titles', function() {
// var f = $('#testfield'), panel = f.entwine('ss').getPanel();
// loadTree(f);
// panel.find('li[data-id=2] a').click();
// panel.find('li[data-id=3] a').click();
// expect(f.entwine('ss').getTitle()).toEqual('Child node 1, Child node 2');
// });
});
});
});
}(jQuery));

6
tests/javascript/TreeDropDownField/fixtures/tree.html
View File

@ -13,4 +13,10 @@
<li data-id="4">
<a href="#">Root node 2</a>
</li>
<li data-id="5">
<a href="#">Root node 3</a>
</li>
<li data-id="6">
<a href="#">Root node 4</a>
</li>
</ul>