TomaHost/Chamilo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualización

Browse Source
This commit is contained in:
Xes
2025-04-10 11:37:29 +02:00
parent 4bfeadb360
commit 8969cc929d
39112 changed files with 975884 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
web/assets/multiselect-two-sides/spec/data-options.spec.js Normal file
View File

@@ -0,0 +1,107 @@
describe("data options", function() {
var $multiselect,
$multiselect_to;
beforeEach(function() {
var html = '<div class="row">'+
' <div class="col-xs-5">'+
' <select name="from[]" class="multiselect form-control" size="8" multiple="multiple" data-right="#multiselect_to_1" data-right-all="#right_All_1" data-right-selected="#right_Selected_1" data-left-all="#left_All_1" data-left-selected="#left_Selected_1">'+
' <option value="1">Item 1</option>'+
' <option value="2">Item 5</option>'+
' <option value="2">Item 2</option>'+
' <option value="2">Item 4</option>'+
' <option value="3">Item 3</option>'+
' </select>'+
' </div>'+
' '+
' <div class="col-xs-2">'+
' <button type="button" id="right_All_1" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>'+
' <button type="button" id="right_Selected_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>'+
' <button type="button" id="left_Selected_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>'+
' <button type="button" id="left_All_1" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>'+
' </div>'+
' '+
' <div class="col-xs-5">'+
' <select name="to[]" id="multiselect_to_1" class="form-control" size="8" multiple="multiple"></select>'+
' </div>'+
'</div>';
jasmine.getFixtures().set(html);
$multiselect = $('.multiselect').multiselect();
$multiselect_to = $('#multiselect_to_1');
});
it("multiselect is instantiated and contains options", function() {
expect($multiselect.hasClass('multiselect')).toBe(true);
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.attr('id')).toBe('multiselect_to_1');
expect($multiselect_to.find('option').length).toBe(0);
});
it("move all to right", function() {
// Click move all to right
$('#right_All_1').trigger('click');
expect($multiselect.find('option').length).toBe(0);
expect($multiselect_to.find('option').length).toBe(5);
});
it("move one to right", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#right_Selected_1').trigger('click');
expect($multiselect.find('option').length).toBe(4);
expect($multiselect_to.find('option').length).toBe(1);
});
it("move all selected to right", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#right_Selected_1').trigger('click');
expect($multiselect.find('option').length).toBe(3);
expect($multiselect_to.find('option').length).toBe(2);
});
it("move all to left", function() {
// Click move all to right
$('#right_All_1').trigger('click');
// Click move all to left
$('#left_All_1').trigger('click');
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.find('option').length).toBe(0);
});
it("move one to left", function() {
// Click move all to right
$('#right_All_1').trigger('click');
$multiselect_to.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#left_Selected_1').trigger('click');
expect($multiselect.find('option').length).toBe(1);
expect($multiselect_to.find('option').length).toBe(4);
});
it("move all selected to left", function() {
// Click move all to right
$('#right_All_1').trigger('click');
$multiselect_to.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#left_Selected_1').trigger('click');
expect($multiselect.find('option').length).toBe(2);
expect($multiselect_to.find('option').length).toBe(3);
});
});

113
web/assets/multiselect-two-sides/spec/javascript-options.spec.js Normal file
View File

@@ -0,0 +1,113 @@
describe("javascript options", function() {
var $multiselect,
$multiselect_to;
beforeEach(function() {
var html = '<div class="row">'+
' <div class="col-xs-5">'+
' <select name="from[]" class="js-multiselect form-control" size="8" multiple="multiple">'+
' <option value="1">Item 1</option>'+
' <option value="2">Item 5</option>'+
' <option value="2">Item 2</option>'+
' <option value="2">Item 4</option>'+
' <option value="3">Item 3</option>'+
' </select>'+
' </div>'+
' '+
' <div class="col-xs-2">'+
' <button type="button" id="js_right_All_1" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>'+
' <button type="button" id="js_right_Selected_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>'+
' <button type="button" id="js_left_Selected_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>'+
' <button type="button" id="js_left_All_1" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>'+
' </div>'+
' '+
' <div class="col-xs-5">'+
' <select name="to[]" id="js_multiselect_to_1" class="form-control" size="8" multiple="multiple"></select>'+
' </div>'+
'</div>';
jasmine.getFixtures().set(html);
$multiselect = $('.js-multiselect').multiselect({
right: '#js_multiselect_to_1',
rightAll: '#js_right_All_1',
rightSelected: '#js_right_Selected_1',
leftSelected: '#js_left_Selected_1',
leftAll: '#js_left_All_1'
});
$multiselect_to = $('#js_multiselect_to_1');
});
it("multiselect is instantiated and contains options", function() {
expect($multiselect.hasClass('js-multiselect')).toBe(true);
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.attr('id')).toBe('js_multiselect_to_1');
expect($multiselect_to.find('option').length).toBe(0);
});
it("move all to right", function() {
// Click move all to right
$('#js_right_All_1').trigger('click');
expect($multiselect.find('option').length).toBe(0);
expect($multiselect_to.find('option').length).toBe(5);
});
it("move one to right", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#js_right_Selected_1').trigger('click');
expect($multiselect.find('option').length).toBe(4);
expect($multiselect_to.find('option').length).toBe(1);
});
it("move all selected to right", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#js_right_Selected_1').trigger('click');
expect($multiselect.find('option').length).toBe(3);
expect($multiselect_to.find('option').length).toBe(2);
});
it("move all to left", function() {
// Click move all to right
$('#js_right_All_1').trigger('click');
// Click move all to left
$('#js_left_All_1').trigger('click');
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.find('option').length).toBe(0);
});
it("move one to left", function() {
// Click move all to right
$('#js_right_All_1').trigger('click');
$multiselect_to.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#js_left_Selected_1').trigger('click');
expect($multiselect.find('option').length).toBe(1);
expect($multiselect_to.find('option').length).toBe(4);
});
it("move all selected to left", function() {
// Click move all to right
$('#js_right_All_1').trigger('click');
$multiselect_to.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#js_left_Selected_1').trigger('click');
expect($multiselect.find('option').length).toBe(2);
expect($multiselect_to.find('option').length).toBe(3);
});
});

128
web/assets/multiselect-two-sides/spec/keep-rendering-sort.spec.js Normal file
View File

@@ -0,0 +1,128 @@
describe("keep rendering sort", function() {
var $multiselect,
$multiselect_to;
beforeEach(function() {
var html = '<div class="row">'+
' <div class="col-xs-5">'+
' <select name="from[]" id="keepRenderingSort" class="form-control" size="8" multiple="multiple">'+
' <option value="1">Item 1</option>'+
' <option value="2">Item 5</option>'+
' <option value="2">Item 2</option>'+
' <option value="2">Item 4</option>'+
' <option value="3">Item 3</option>'+
' </select>'+
' </div>'+
' '+
' <div class="col-xs-2">'+
' <button type="button" id="keepRenderingSort_rightAll" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>'+
' <button type="button" id="keepRenderingSort_rightSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>'+
' <button type="button" id="keepRenderingSort_leftSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>'+
' <button type="button" id="keepRenderingSort_leftAll" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>'+
' </div>'+
' '+
' <div class="col-xs-5">'+
' <select name="to[]" id="keepRenderingSort_to" class="form-control" size="8" multiple="multiple"></select>'+
' </div>'+
'</div>';
jasmine.getFixtures().set(html);
$multiselect = $('#keepRenderingSort').multiselect({
keepRenderingSort: true
});
$multiselect_to = $('#keepRenderingSort_to');
});
it("multiselect is instantiated and contains options", function() {
expect($multiselect.attr('id')).toBe('keepRenderingSort');
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.attr('id')).toBe('keepRenderingSort_to');
expect($multiselect_to.find('option').length).toBe(0);
});
it("move all to right", function() {
// Click move all to right
$('#keepRenderingSort_rightAll').trigger('click');
expect($multiselect.find('option').length).toBe(0);
expect($multiselect_to.find('option').length).toBe(5);
});
it("move one to right", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#keepRenderingSort_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(4);
expect($multiselect_to.find('option').length).toBe(1);
});
it("move all selected to right", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#keepRenderingSort_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(3);
expect($multiselect_to.find('option').length).toBe(2);
});
it("move all to left", function() {
// Click move all to right
$('#keepRenderingSort_rightAll').trigger('click');
// Click move all to left
$('#keepRenderingSort_leftAll').trigger('click');
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.find('option').length).toBe(0);
});
it("move one to left", function() {
// Click move all to right
$('#keepRenderingSort_rightAll').trigger('click');
$multiselect_to.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#keepRenderingSort_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(1);
expect($multiselect_to.find('option').length).toBe(4);
});
it("move all selected to left", function() {
// Click move all to right
$('#keepRenderingSort_rightAll').trigger('click');
$multiselect_to.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#keepRenderingSort_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(2);
expect($multiselect_to.find('option').length).toBe(3);
});
it("options in the left are displayed in the way they were rendered", function() {
expect($multiselect.find('option:eq(0)').text()).toBe('Item 1');
expect($multiselect.find('option:eq(1)').text()).toBe('Item 5');
expect($multiselect.find('option:eq(2)').text()).toBe('Item 2');
expect($multiselect.find('option:eq(3)').text()).toBe('Item 4');
expect($multiselect.find('option:eq(4)').text()).toBe('Item 3');
});
it("options in the right are displayed in the way they were rendered", function() {
// Click move all to right
$('#keepRenderingSort_rightAll').trigger('click');
expect($multiselect_to.find('option:eq(0)').text()).toBe('Item 1');
expect($multiselect_to.find('option:eq(1)').text()).toBe('Item 5');
expect($multiselect_to.find('option:eq(2)').text()).toBe('Item 2');
expect($multiselect_to.find('option:eq(3)').text()).toBe('Item 4');
expect($multiselect_to.find('option:eq(4)').text()).toBe('Item 3');
});
});

300
web/assets/multiselect-two-sides/spec/multiple-destinations.spec.js Normal file
View File

@@ -0,0 +1,300 @@
describe("multiple destinations", function() {
var $multiselect,
$multiselect_to,
$multiselect_to_2;
beforeEach(function() {
var html = '<div class="row">'+
' <div class="col-xs-5">'+
' <select name="from[]" id="multi_d" class="form-control" size="26" multiple="multiple">'+
' <option value="1">C++</option>'+
' <option value="2">C#</option>'+
' <option value="3">Haskell</option>'+
' <option value="4">Java</option>'+
' <option value="5">JavaScript</option>'+
' <option value="6">Lisp</option>'+
' <option value="7">Lua</option>'+
' <option value="8">MATLAB</option>'+
' <option value="9">NewLISP</option>'+
' <option value="10">PHP</option>'+
' <option value="11">Perl</option>'+
' <option value="12">SQL</option>'+
' <option value="13">Unix shell</option>'+
' </select>'+
' </div>'+
' '+
' <div class="col-xs-2">'+
' <button type="button" id="multi_d_rightAll" class="btn btn-default btn-block" style="margin-top: 20px;"><i class="glyphicon glyphicon-forward"></i></button>'+
' <button type="button" id="multi_d_rightSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>'+
' <button type="button" id="multi_d_leftSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>'+
' <button type="button" id="multi_d_leftAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-backward"></i></button>'+
' '+
' <hr style="margin: 40px 0 60px;" />'+
' '+
' <button type="button" id="multi_d_rightAll_2" class="btn btn-default btn-block"><i class="glyphicon glyphicon-forward"></i></button>'+
' <button type="button" id="multi_d_rightSelected_2" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>'+
' <button type="button" id="multi_d_leftSelected_2" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>'+
' <button type="button" id="multi_d_leftAll_2" class="btn btn-default btn-block"><i class="glyphicon glyphicon-backward"></i></button>'+
' </div>'+
' '+
' <div class="col-xs-5">'+
' <b>Known languages</b>'+
' <select name="to[]" id="multi_d_to" class="form-control" size="8" multiple="multiple"></select>'+
' '+
' <br/><hr/><br/>'+
' '+
' <b>I want to learn</b>'+
' <select name="to_2[]" id="multi_d_to_2" class="form-control" size="8" multiple="multiple"></select>'+
' </div>'+
'</div>';
jasmine.getFixtures().set(html);
$multiselect = $('#multi_d').multiselect({
right: '#multi_d_to, #multi_d_to_2',
rightSelected: '#multi_d_rightSelected, #multi_d_rightSelected_2',
leftSelected: '#multi_d_leftSelected, #multi_d_leftSelected_2',
rightAll: '#multi_d_rightAll, #multi_d_rightAll_2',
leftAll: '#multi_d_leftAll, #multi_d_leftAll_2',
search: {
left: '<input type="text" name="q" class="form-control" placeholder="Search..." />'
},
moveToRight: function(Multiselect, $options, event, silent, skipStack) {
var button = $(event.currentTarget).attr('id');
if (button == 'multi_d_rightSelected') {
var $left_options = Multiselect.$left.find('> option:selected');
Multiselect.$right.eq(0).append($left_options);
if ( typeof Multiselect.callbacks.sort == 'function' && !silent ) {
Multiselect.$right.eq(0).find('> option').sort(Multiselect.callbacks.sort).appendTo(Multiselect.$right.eq(0));
}
} else if (button == 'multi_d_rightAll') {
var $left_options = Multiselect.$left.children(':visible');
Multiselect.$right.eq(0).append($left_options);
if ( typeof Multiselect.callbacks.sort == 'function' && !silent ) {
Multiselect.$right.eq(0).find('> option').sort(Multiselect.callbacks.sort).appendTo(Multiselect.$right.eq(0));
}
} else if (button == 'multi_d_rightSelected_2') {
var $left_options = Multiselect.$left.find('> option:selected');
Multiselect.$right.eq(1).append($left_options);
if ( typeof Multiselect.callbacks.sort == 'function' && !silent ) {
Multiselect.$right.eq(1).find('> option').sort(Multiselect.callbacks.sort).appendTo(Multiselect.$right.eq(1));
}
} else if (button == 'multi_d_rightAll_2') {
var $left_options = Multiselect.$left.children(':visible');
Multiselect.$right.eq(1).append($left_options);
if ( typeof Multiselect.callbacks.sort == 'function' && !silent ) {
Multiselect.$right.eq(1).eq(1).find('> option').sort(Multiselect.callbacks.sort).appendTo(Multiselect.$right.eq(1));
}
}
},
moveToLeft: function(Multiselect, $options, event, silent, skipStack) {
var button = $(event.currentTarget).attr('id');
if (button == 'multi_d_leftSelected') {
var $right_options = Multiselect.$right.eq(0).find('> option:selected');
Multiselect.$left.append($right_options);
if ( typeof Multiselect.callbacks.sort == 'function' && !silent ) {
Multiselect.$left.find('> option').sort(Multiselect.callbacks.sort).appendTo(Multiselect.$left);
}
} else if (button == 'multi_d_leftAll') {
var $right_options = Multiselect.$right.eq(0).children(':visible');
Multiselect.$left.append($right_options);
if ( typeof Multiselect.callbacks.sort == 'function' && !silent ) {
Multiselect.$left.find('> option').sort(Multiselect.callbacks.sort).appendTo(Multiselect.$left);
}
} else if (button == 'multi_d_leftSelected_2') {
var $right_options = Multiselect.$right.eq(1).find('> option:selected');
Multiselect.$left.append($right_options);
if ( typeof Multiselect.callbacks.sort == 'function' && !silent ) {
Multiselect.$left.find('> option').sort(Multiselect.callbacks.sort).appendTo(Multiselect.$left);
}
} else if (button == 'multi_d_leftAll_2') {
var $right_options = Multiselect.$right.eq(1).children(':visible');
Multiselect.$left.append($right_options);
if ( typeof Multiselect.callbacks.sort == 'function' && !silent ) {
Multiselect.$left.find('> option').sort(Multiselect.callbacks.sort).appendTo(Multiselect.$left);
}
}
}
});
$multiselect_to = $('#multi_d_to');
$multiselect_to_2 = $('#multi_d_to_2');
});
it("multiselect is instantiated and contains options", function() {
expect($multiselect.attr('id')).toBe('multi_d');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to.attr('id')).toBe('multi_d_to');
expect($multiselect_to.find('option').length).toBe(0);
expect($multiselect_to_2.attr('id')).toBe('multi_d_to_2');
expect($multiselect_to_2.find('option').length).toBe(0);
});
it("move all to right 1", function() {
// Click move all to right
$('#multi_d_rightAll').trigger('click');
expect($multiselect.find('option').length).toBe(0);
expect($multiselect_to.find('option').length).toBe(13);
});
it("move one to right 1", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#multi_d_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(12);
expect($multiselect_to.find('option').length).toBe(1);
});
it("move all selected to right 1", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#multi_d_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(7);
expect($multiselect_to.find('option').length).toBe(6);
});
it("move all to left 1", function() {
// Click move all to right
$('#multi_d_rightAll').trigger('click');
// Click move all to left
$('#multi_d_leftAll').trigger('click');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to.find('option').length).toBe(0);
});
it("move one to left 1", function() {
// Click move all to right
$('#multi_d_rightAll').trigger('click');
$multiselect_to.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#multi_d_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(1);
expect($multiselect_to.find('option').length).toBe(12);
});
it("move all selected to left 1", function() {
// Click move all to right
$('#multi_d_rightAll').trigger('click');
$multiselect_to.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#multi_d_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(6);
expect($multiselect_to.find('option').length).toBe(7);
});
it("move all to right 2", function() {
// Click move all to right
$('#multi_d_rightAll_2').trigger('click');
expect($multiselect.find('option').length).toBe(0);
expect($multiselect_to_2.find('option').length).toBe(13);
});
it("move one to right 2", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#multi_d_rightSelected_2').trigger('click');
expect($multiselect.find('option').length).toBe(12);
expect($multiselect_to_2.find('option').length).toBe(1);
});
it("move all selected to right 2", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#multi_d_rightSelected_2').trigger('click');
expect($multiselect.find('option').length).toBe(7);
expect($multiselect_to_2.find('option').length).toBe(6);
});
it("move all to left 2", function() {
// Click move all to right
$('#multi_d_rightAll_2').trigger('click');
// Click move all to left
$('#multi_d_leftAll_2').trigger('click');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to_2.find('option').length).toBe(0);
});
it("move one to left 2", function() {
// Click move all to right
$('#multi_d_rightAll_2').trigger('click');
$multiselect_to_2.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#multi_d_leftSelected_2').trigger('click');
expect($multiselect.find('option').length).toBe(1);
expect($multiselect_to_2.find('option').length).toBe(12);
});
it("move all selected to left 2", function() {
// Click move all to right
$('#multi_d_rightAll_2').trigger('click');
$multiselect_to_2.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#multi_d_leftSelected_2').trigger('click');
expect($multiselect.find('option').length).toBe(6);
expect($multiselect_to_2.find('option').length).toBe(7);
});
it("move one to right 1 and one to right 2", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#multi_d_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(12);
expect($multiselect_to.find('option').length).toBe(1);
expect($multiselect_to_2.find('option').length).toBe(0);
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#multi_d_rightSelected_2').trigger('click');
expect($multiselect.find('option').length).toBe(11);
expect($multiselect_to.find('option').length).toBe(1);
expect($multiselect_to_2.find('option').length).toBe(1);
});
});

142
web/assets/multiselect-two-sides/spec/search.spec.js Normal file
View File

@@ -0,0 +1,142 @@
describe("with search", function() {
var $multiselect,
$multiselect_to;
beforeEach(function() {
var html = '<div class="row">'+
' <div class="col-xs-5">'+
' <select name="from[]" id="search" class="form-control" size="8" multiple="multiple">'+
' <option value="1">Item 1</option>'+
' <option value="2">Item 5</option>'+
' <option value="2">Item 2</option>'+
' <option value="2">Item 4</option>'+
' <option value="3">Item 3</option>'+
' </select>'+
' </div>'+
' '+
' <div class="col-xs-2">'+
' <button type="button" id="search_rightAll" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>'+
' <button type="button" id="search_rightSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>'+
' <button type="button" id="search_leftSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>'+
' <button type="button" id="search_leftAll" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>'+
' </div>'+
' '+
' <div class="col-xs-5">'+
' <select name="to[]" id="search_to" class="form-control" size="8" multiple="multiple"></select>'+
' </div>'+
'</div>';
jasmine.getFixtures().set(html);
$multiselect = $('#search').multiselect({
search: {
left: '<input type="text" name="q" class="form-control" placeholder="Search..." />',
right: '<input type="text" name="q" class="form-control" placeholder="Search..." />',
},
fireSearch: function(value) {
return value.length > 3;
}
});
$multiselect_to = $('#search_to');
});
it("multiselect is instantiated and contains options", function() {
expect($multiselect.attr('id')).toBe('search');
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.attr('id')).toBe('search_to');
expect($multiselect_to.find('option').length).toBe(0);
});
it("move all to right", function() {
// Click move all to right
$('#search_rightAll').trigger('click');
expect($multiselect.find('option').length).toBe(0);
expect($multiselect_to.find('option').length).toBe(5);
});
it("move one to right", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#search_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(4);
expect($multiselect_to.find('option').length).toBe(1);
});
it("move all selected to right", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#search_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(3);
expect($multiselect_to.find('option').length).toBe(2);
});
it("move all to left", function() {
// Click move all to right
$('#search_rightAll').trigger('click');
// Click move all to left
$('#search_leftAll').trigger('click');
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.find('option').length).toBe(0);
});
it("move one to left", function() {
// Click move all to right
$('#search_rightAll').trigger('click');
$multiselect_to.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#search_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(1);
expect($multiselect_to.find('option').length).toBe(4);
});
it("move all selected to left", function() {
// Click move all to right
$('#search_rightAll').trigger('click');
$multiselect_to.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#search_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(2);
expect($multiselect_to.find('option').length).toBe(3);
});
it("search on the left side", function() {
// Search for "Item 1"
$('#search').prev('[name="q"]').val('Item 1').trigger('keyup');
expect($multiselect.find('option:visible').length).toBe(1);
// Search for "Item"
$('#search').prev('[name="q"]').val('Item').trigger('keyup');
expect($multiselect.find('option:visible').length).toBe(5);
});
it("search on the right side", function() {
// Click move all to right
$('#search_rightAll').trigger('click');
// Search for "Item 1"
$('#search_to').prev('[name="q"]').val('Item 1').trigger('keyup');
expect($multiselect_to.find('option:visible').length).toBe(1);
// Search for "Item"
$('#search_to').prev('[name="q"]').val('Item').trigger('keyup');
expect($multiselect_to.find('option:visible').length).toBe(5);
});
});

193
web/assets/multiselect-two-sides/spec/undo-redo.spec.js Normal file
View File

@@ -0,0 +1,193 @@
describe("undo redo", function() {
var $multiselect,
$multiselect_to;
beforeEach(function() {
var html = '<div class="row">'+
' <div class="col-xs-5">'+
' <select name="from[]" id="undo_redo" class="form-control" size="13" multiple="multiple">'+
' <option value="1">C++</option>'+
' <option value="2">C#</option>'+
' <option value="3">Haskell</option>'+
' <option value="4">Java</option>'+
' <option value="5">JavaScript</option>'+
' <option value="6">Lisp</option>'+
' <option value="7">Lua</option>'+
' <option value="8">MATLAB</option>'+
' <option value="9">NewLISP</option>'+
' <option value="10">PHP</option>'+
' <option value="11">Perl</option>'+
' <option value="12">SQL</option>'+
' <option value="13">Unix shell</option>'+
' </select>'+
' </div>'+
' '+
' <div class="col-xs-2">'+
' <button type="button" id="undo_redo_undo" class="btn btn-primary btn-block">undo</button>'+
' <button type="button" id="undo_redo_rightAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-forward"></i></button>'+
' <button type="button" id="undo_redo_rightSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>'+
' <button type="button" id="undo_redo_leftSelected" class="btn btn-default btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>'+
' <button type="button" id="undo_redo_leftAll" class="btn btn-default btn-block"><i class="glyphicon glyphicon-backward"></i></button>'+
' <button type="button" id="undo_redo_redo" class="btn btn-warning btn-block">redo</button>'+
' </div>'+
' '+
' <div class="col-xs-5">'+
' <select name="to[]" id="undo_redo_to" class="form-control" size="13" multiple="multiple"></select>'+
' </div>'+
'</div>';
jasmine.getFixtures().set(html);
$multiselect = $('#undo_redo').multiselect();
$multiselect_to = $('#undo_redo_to');
});
it("multiselect is instantiated and contains options", function() {
expect($multiselect.attr('id')).toBe('undo_redo');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to.attr('id')).toBe('undo_redo_to');
expect($multiselect_to.find('option').length).toBe(0);
});
it("move all to right", function() {
// Click move all to right
$('#undo_redo_rightAll').trigger('click');
expect($multiselect.find('option').length).toBe(0);
expect($multiselect_to.find('option').length).toBe(13);
});
it("move one to right", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#undo_redo_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(12);
expect($multiselect_to.find('option').length).toBe(1);
});
it("move all selected to right", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#undo_redo_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(7);
expect($multiselect_to.find('option').length).toBe(6);
});
it("move all to left", function() {
// Click move all to right
$('#undo_redo_rightAll').trigger('click');
// Click move all to left
$('#undo_redo_leftAll').trigger('click');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to.find('option').length).toBe(0);
});
it("move one to left", function() {
// Click move all to right
$('#undo_redo_rightAll').trigger('click');
$multiselect_to.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#undo_redo_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(1);
expect($multiselect_to.find('option').length).toBe(12);
});
it("move all selected to left", function() {
// Click move all to right
$('#undo_redo_rightAll').trigger('click');
$multiselect_to.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#undo_redo_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(6);
expect($multiselect_to.find('option').length).toBe(7);
});
it("move one to right then undo", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#undo_redo_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(12);
expect($multiselect_to.find('option').length).toBe(1);
// Click undo
$('#undo_redo_undo').trigger('click');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to.find('option').length).toBe(0);
});
it("move one to right then undo then redo", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#undo_redo_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(12);
expect($multiselect_to.find('option').length).toBe(1);
// Click undo
$('#undo_redo_undo').trigger('click');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to.find('option').length).toBe(0);
// Click redo
$('#undo_redo_redo').trigger('click');
expect($multiselect.find('option').length).toBe(12);
expect($multiselect_to.find('option').length).toBe(1);
});
it("move all selected to right then undo", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#undo_redo_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(7);
expect($multiselect_to.find('option').length).toBe(6);
// Click undo
$('#undo_redo_undo').trigger('click');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to.find('option').length).toBe(0);
});
it("move all selected to right then undo then redo", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#undo_redo_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(7);
expect($multiselect_to.find('option').length).toBe(6);
// Click undo
$('#undo_redo_undo').trigger('click');
expect($multiselect.find('option').length).toBe(13);
expect($multiselect_to.find('option').length).toBe(0);
// Click redo
$('#undo_redo_redo').trigger('click');
expect($multiselect.find('option').length).toBe(7);
expect($multiselect_to.find('option').length).toBe(6);
});
});

115
web/assets/multiselect-two-sides/spec/zero-configuration.spec.js Normal file
View File

@@ -0,0 +1,115 @@
if (typeof window === 'undefined') {
var jsdom = require("jsdom");
global.document = jsdom.jsdom();
global.window = global.document.defaultView;
var navigator = {userAgent: "node-js", platform: "Linux i686"};
global.window.navigator = global.navigator = navigator;
navigator.platform = "Linux i686";
global.jQuery = global.$ = require("jquery");
}
describe("zero configuration", function() {
var $multiselect,
$multiselect_to;
beforeEach(function() {
var html = '<div class="row">'+
' <div class="col-xs-5">'+
' <select name="from[]" id="multiselect" class="form-control" size="8" multiple="multiple">'+
' <option value="1">Item 1</option>'+
' <option value="2">Item 5</option>'+
' <option value="2">Item 2</option>'+
' <option value="2">Item 4</option>'+
' <option value="3">Item 3</option>'+
' </select>'+
' </div>'+
' '+
' <div class="col-xs-2">'+
' <button type="button" id="multiselect_rightAll" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>'+
' <button type="button" id="multiselect_rightSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>'+
' <button type="button" id="multiselect_leftSelected" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>'+
' <button type="button" id="multiselect_leftAll" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>'+
' </div>'+
' '+
' <div class="col-xs-5">'+
' <select name="to[]" id="multiselect_to" class="form-control" size="8" multiple="multiple"></select>'+
' </div>'+
'</div>';
jasmine.getFixtures().set(html);
$multiselect = $('#multiselect').multiselect();
$multiselect_to = $('#multiselect_to');
});
it("multiselect is instantiated and contains options", function() {
expect($multiselect.attr('id')).toBe('multiselect');
expect($multiselect.find('option').length).toBe(5);
expect($multiselect_to.attr('id')).toBe('multiselect_to');
expect($multiselect_to.find('option').length).toBe(0);
});
it("move all to right", function() {
// Click move all to right
$('#multiselect_rightAll').trigger('click');
expect($multiselect.find('option').length).toBe(0);
});
it("move one to right", function() {
$multiselect.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#multiselect_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(4);
expect($multiselect_to.find('option').length).toBe(1);
});
it("move all selected to right", function() {
$multiselect.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#multiselect_rightSelected').trigger('click');
expect($multiselect.find('option').length).toBe(3);
expect($multiselect_to.find('option').length).toBe(2);
});
it("move all to left", function() {
// Click move all to right
$('#multiselect_rightAll').trigger('click');
// Click move all to left
$('#multiselect_leftAll').trigger('click');
expect($multiselect.find('option').length).toBe(5);
});
it("move one to left", function() {
// Click move all to right
$('#multiselect_rightAll').trigger('click');
$multiselect_to.find('option:eq(0)').attr('selected', true);
// Click move selected to right
$('#multiselect_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(1);
expect($multiselect_to.find('option').length).toBe(4);
});
it("move all selected to left", function() {
// Click move all to right
$('#multiselect_rightAll').trigger('click');
$multiselect_to.find('option:nth-child(2n)').attr('selected', true);
// Click move selected to right
$('#multiselect_leftSelected').trigger('click');
expect($multiselect.find('option').length).toBe(2);
expect($multiselect_to.find('option').length).toBe(3);
});
});