Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
package.test.options.pick-levle+view.js Maven / Gradle / Ivy
describe('options - pick level & view', function () {
let clock;
let input;
beforeEach(function () {
clock = sinon.useFakeTimers({now: new Date(2020, 1, 14)});
input = document.createElement('input');
testContainer.appendChild(input);
});
afterEach(function () {
testContainer.removeChild(input);
clock.restore();
});
describe('pickLevel', function () {
it('limits the minimum of available views', function () {
const {dp, picker} = createDP(input, {pickLevel: 2});
const viewSwitch = getViewSwitch(picker);
const cells1 = getCells(picker)[1];
dp.show();
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(cells1.textContent, 'to be', '2020');
cells1.click();
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(getCells(picker)[1].textContent, 'to be', '2020');
dp.destroy();
});
it('changes the selection level to month when 1', function () {
input.value = '2/14/2020';
const {dp, picker} = createDP(input, {pickLevel: 1});
const [viewSwitch, nextBtn] = getParts(picker, ['.view-switch', '.next-btn']);
let cells = getCells(picker);
dp.show();
expect(dp.dates, 'to equal', [dateValue(2020, 1, 1)]);
expect(input.value, 'to be', '02/01/2020');
expect(viewSwitch.textContent, 'to be', '2020');
expect(filterCells(cells, '.selected'), 'to equal', [cells[1]]);
expect(filterCells(cells, '.focused'), 'to equal', [cells[1]]);
// mouse operation
cells[0].click();
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2020, 0, 1)]);
expect(input.value, 'to be', '01/01/2020');
expect(viewSwitch.textContent, 'to be', '2020');
expect(filterCells(cells, '.selected'), 'to equal', [cells[0]]);
expect(filterCells(cells, '.focused'), 'to equal', [cells[0]]);
nextBtn.click();
getCells(picker)[7].click();
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2021, 7, 1)]);
expect(input.value, 'to be', '08/01/2021');
expect(viewSwitch.textContent, 'to be', '2021');
expect(filterCells(cells, '.selected'), 'to equal', [cells[7]]);
expect(filterCells(cells, '.focused'), 'to equal', [cells[7]]);
// keyboard operation
simulant.fire(input, 'keydown', {key: 'ArrowLeft', ctrlKey: true});
simulant.fire(input, 'keydown', {key: 'ArrowLeft'});
simulant.fire(input, 'keydown', {key: 'Enter'});
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2020, 6, 1)]);
expect(input.value, 'to be', '07/01/2020');
expect(viewSwitch.textContent, 'to be', '2020');
expect(filterCells(cells, '.selected'), 'to equal', [cells[6]]);
dp.enterEditMode();
input.value = '4/20/2021';
simulant.fire(input, 'keydown', {key: 'Enter'});
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2021, 3, 1)]);
expect(input.value, 'to be', '04/01/2021');
expect(viewSwitch.textContent, 'to be', '2021');
expect(filterCells(cells, '.selected'), 'to equal', [cells[3]]);
// api call
viewSwitch.click();
dp.setDate('2/14/2022');
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2022, 1, 1)]);
expect(input.value, 'to be', '02/01/2022');
expect(viewSwitch.textContent, 'to be', '2022');
expect(filterCells(cells, '.selected'), 'to equal', [cells[1]]);
viewSwitch.click();
dp.hide();
input.value = '3/14/2020';
dp.update();
dp.show();
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2020, 2, 1)]);
expect(input.value, 'to be', '03/01/2020');
expect(viewSwitch.textContent, 'to be', '2020');
expect(filterCells(cells, '.selected'), 'to equal', [cells[2]]);
dp.destroy();
});
it('changes the selection level to year when 2', function () {
input.value = '2/14/2020';
const {dp, picker} = createDP(input, {pickLevel: 2});
const [viewSwitch, nextBtn] = getParts(picker, ['.view-switch', '.next-btn']);
let cells = getCells(picker);
dp.show();
expect(dp.dates, 'to equal', [dateValue(2020, 0, 1)]);
expect(input.value, 'to be', '01/01/2020');
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(filterCells(cells, '.selected'), 'to equal', [cells[1]]);
expect(filterCells(cells, '.focused'), 'to equal', [cells[1]]);
// mouse operation
cells[2].click();
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2021, 0, 1)]);
expect(input.value, 'to be', '01/01/2021');
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(filterCells(cells, '.selected'), 'to equal', [cells[2]]);
expect(filterCells(cells, '.focused'), 'to equal', [cells[2]]);
nextBtn.click();
getCells(picker)[7].click();
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2036, 0, 1)]);
expect(input.value, 'to be', '01/01/2036');
expect(viewSwitch.textContent, 'to be', '2030-2039');
expect(filterCells(cells, '.selected'), 'to equal', [cells[7]]);
expect(filterCells(cells, '.focused'), 'to equal', [cells[7]]);
// keyboard operation
simulant.fire(input, 'keydown', {key: 'ArrowLeft', ctrlKey: true});
simulant.fire(input, 'keydown', {key: 'ArrowLeft'});
simulant.fire(input, 'keydown', {key: 'Enter'});
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2025, 0, 1)]);
expect(input.value, 'to be', '01/01/2025');
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(filterCells(cells, '.selected'), 'to equal', [cells[6]]);
dp.enterEditMode();
input.value = '4/20/2021';
simulant.fire(input, 'keydown', {key: 'Enter'});
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2021, 0, 1)]);
expect(input.value, 'to be', '01/01/2021');
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(filterCells(cells, '.selected'), 'to equal', [cells[2]]);
// api call
viewSwitch.click();
dp.setDate('2/14/2032');
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2032, 0, 1)]);
expect(input.value, 'to be', '01/01/2032');
expect(viewSwitch.textContent, 'to be', '2030-2039');
expect(filterCells(cells, '.selected'), 'to equal', [cells[3]]);
viewSwitch.click();
dp.hide();
input.value = '3/14/2020';
dp.update();
dp.show();
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2020, 0, 1)]);
expect(input.value, 'to be', '01/01/2020');
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(filterCells(cells, '.selected'), 'to equal', [cells[1]]);
dp.destroy();
});
it('can be updated with setOptions()', function () {
const {dp, picker} = createDP(input);
const viewSwitch = getViewSwitch(picker);
dp.setOptions({pickLevel: 1});
dp.show();
let cells = getCells(picker);
expect(viewSwitch.textContent, 'to be', '2020');
expect(cells[1].textContent, 'to be', 'Feb');
cells[1].click();
cells = getCells(picker);
expect(dp.dates, 'to equal', [dateValue(2020, 1, 1)]);
expect(input.value, 'to be', '02/01/2020');
expect(viewSwitch.textContent, 'to be', '2020');
expect(filterCells(cells, '.selected'), 'to equal', [cells[0]]);
dp.setOptions({pickLevel: 0});
cells = getCells(picker);
expect(viewSwitch.textContent, 'to be', 'February 2020');
expect(filterCells(cells, '.selected'), 'to equal', [cells[6]]);
expect(filterCells(cells, '.focused'), 'to equal', [cells[6]]);
viewSwitch.click();
getCells(picker)[3].click();
cells = getCells(picker);
expect(viewSwitch.textContent, 'to be', 'April 2020');
expect(filterCells(cells, '.selected'), 'to equal', []);
expect(filterCells(cells, '.focused'), 'to equal', [cells[3]]);
dp.destroy();
});
});
describe('maxView', function () {
it('limits the maximum of available views', function () {
const {dp, picker} = createDP(input, {maxView: 1});
const viewSwitch = getViewSwitch(picker);
dp.show();
viewSwitch.click();
viewSwitch.click();
expect(viewSwitch.textContent, 'to be', '2020');
expect(getCells(picker)[0].textContent, 'to be', 'Jan');
dp.destroy();
});
it('cannot be smaller than pickLevel', function () {
const {dp, picker} = createDP(input, {maxView: 1, pickLevel: 2});
const viewSwitch = getViewSwitch(picker);
dp.show();
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(getCells(picker)[1].textContent, 'to be', '2020');
viewSwitch.click();
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(getCells(picker)[1].textContent, 'to be', '2020');
dp.destroy();
});
it('can be updated with setOptions()', function () {
const {dp, picker} = createDP(input);
const viewSwitch = getViewSwitch(picker);
dp.setOptions({maxView: 2});
dp.show();
viewSwitch.click();
viewSwitch.click();
viewSwitch.click();
expect(viewSwitch.textContent, 'to be', '2020-2029');
expect(getCells(picker)[1].textContent, 'to be', '2020');
dp.setOptions({maxView: 0});
expect(viewSwitch.textContent, 'to be', 'February 2020');
viewSwitch.click();
expect(viewSwitch.textContent, 'to be', 'February 2020');
dp.destroy();
});
});
describe('startView', function () {
it('specifies the view desplayed on open', function () {
const {dp, picker} = createDP(input, {startView: 3});
const viewSwitch = getViewSwitch(picker);
dp.show();
expect(viewSwitch.textContent, 'to be', '2000-2090');
let cells = getCells(picker);
expect(filterCells(cells, '.focused'), 'to equal', [cells[3]]);
expect(cells[3].textContent, 'to be', '2020');
dp.destroy();
});
it('cannot be smaller than pickLevel', function () {
const {dp, picker} = createDP(input, {startView: 1, pickLevel: 2});
const viewSwitch = getViewSwitch(picker);
dp.show();
expect(viewSwitch.textContent, 'to be', '2020-2029');
let cells = getCells(picker);
expect(filterCells(cells, '.focused'), 'to equal', [cells[1]]);
expect(cells[1].textContent, 'to be', '2020');
dp.destroy();
});
it('cannot be larger than maxView', function () {
const {dp, picker} = createDP(input, {startView: 3, maxView: 2});
const viewSwitch = getViewSwitch(picker);
dp.show();
expect(viewSwitch.textContent, 'to be', '2020-2029');
let cells = getCells(picker);
expect(filterCells(cells, '.focused'), 'to equal', [cells[1]]);
expect(cells[1].textContent, 'to be', '2020');
dp.destroy();
});
it('can be updated with setOptions()', function () {
const {dp, picker} = createDP(input);
const viewSwitch = getViewSwitch(picker);
dp.setOptions({startView: 2});
dp.show();
expect(viewSwitch.textContent, 'to be', '2020-2029');
let cells = getCells(picker);
expect(filterCells(cells, '.focused'), 'to equal', [cells[1]]);
expect(cells[1].textContent, 'to be', '2020');
dp.hide();
dp.setOptions({startView: 0});
dp.show();
expect(viewSwitch.textContent, 'to be', 'February 2020');
cells = getCells(picker);
expect(filterCells(cells, '.focused'), 'to equal', [cells[19]]);
expect(cells[19].textContent, 'to be', '14');
dp.destroy();
});
});
});
