todo/public/vendor/select2/tests/results/infiniteScroll-tests.js

127 lines
2.7 KiB
JavaScript
Raw Normal View History

2020-06-23 04:40:37 +00:00
module('Results - Infinite scrolling');
test('loadingMore is triggered even without a scrollbar', function (assert) {
assert.expect(1);
var $ = require('jquery');
var $select = $('<select></select>');
var $container = $('<span></span>');
var container = new MockContainer();
var Utils = require('select2/utils');
var Options = require('select2/options');
var Results = require('select2/results');
var InfiniteScroll = require('select2/dropdown/infiniteScroll');
var InfiniteScrollResults = Utils.Decorate(Results, InfiniteScroll);
var results = new InfiniteScrollResults($select, new Options({}));
// Fake the data adapter for the `setClasses` method
results.data = {};
results.data.current = function (callback) {
callback([{ id: 'test' }]);
};
$('#qunit-fixture').append(results.render());
results.bind(container, $container);
results.on('query:append', function () {
assert.ok(true, 'It tried to load more immediately');
});
container.trigger('results:all', {
data: {
results: [
{
id: 'test',
text: 'Test'
}
],
pagination: {
more: true
}
}
});
});
test('loadingMore is not triggered without scrolling', function (assert) {
assert.expect(0);
var $ = require('jquery');
var $select = $('<select></select>');
var $container = $('<span></span>');
var container = new MockContainer();
var Utils = require('select2/utils');
var Options = require('select2/options');
var Results = require('select2/results');
var InfiniteScroll = require('select2/dropdown/infiniteScroll');
var InfiniteScrollResults = Utils.Decorate(Results, InfiniteScroll);
var results = new InfiniteScrollResults($select, new Options({}));
// Fake the data adapter for the `setClasses` method
results.data = {};
results.data.current = function (callback) {
callback([{ id: 'test' }]);
};
var $results = results.render();
$('#qunit-fixture').append($results);
$results.css('max-height', '100px');
results.bind(container, $container);
results.on('query:append', function () {
assert.ok(false, 'It tried to load more immediately');
});
container.trigger('results:all', {
data: {
results: [
{
id: 'test',
text: 'Test'
},
{
id: 'test',
text: 'Test'
},
{
id: 'test',
text: 'Test'
},
{
id: 'test',
text: 'Test'
},
{
id: 'test',
text: 'Test'
},
{
id: 'test',
text: 'Test'
},
{
id: 'test',
text: 'Test'
}
],
pagination: {
more: true
}
}
});
});