django/js_tests/admin/SelectBox.test.js

48 lines
1.8 KiB
JavaScript

/* global QUnit, SelectBox */
'use strict';
QUnit.module('admin.SelectBox');
QUnit.test('init: no options', function(assert) {
const $ = django.jQuery;
$('<select id="id"></select>').appendTo('#qunit-fixture');
SelectBox.init('id');
assert.equal(SelectBox.cache.id.length, 0);
});
QUnit.test('filter', function(assert) {
const $ = django.jQuery;
$('<select id="id"></select>').appendTo('#qunit-fixture');
$('<option value="0">A</option>').appendTo('#id');
$('<option value="1">B</option>').appendTo('#id');
SelectBox.init('id');
assert.equal($('#id option').length, 2);
SelectBox.filter('id', "A");
assert.equal($('#id option').length, 1);
assert.equal($('#id option').text(), "A");
});
QUnit.test('preserve scroll position', function(assert) {
const $ = django.jQuery;
const optionsCount = 100;
$('<select id="from_id" multiple></select>').appendTo('#qunit-fixture');
$('<select id="to_id" multiple></select>').appendTo('#qunit-fixture');
const fromSelectBox = document.getElementById('from_id');
const toSelectBox = document.getElementById('to_id');
for (let i = 0; i < optionsCount; i++) {
fromSelectBox.appendChild(new Option());
}
SelectBox.init('from_id');
SelectBox.init('to_id');
const selectedOptions = [97, 98, 99];
for (const index of selectedOptions) {
fromSelectBox.options[index].selected = true;
fromSelectBox.options[index].scrollIntoView();
}
assert.equal(fromSelectBox.options.length, optionsCount);
SelectBox.move('from_id', 'to_id');
assert.equal(fromSelectBox.options.length, optionsCount - selectedOptions.length);
assert.equal(toSelectBox.options.length, selectedOptions.length);
assert.notEqual(fromSelectBox.scrollTop, 0);
});