datatables.net-datetime/test/options/dateTime.format.js

DateTime picker for DataTables.net

describe('dateTime - options - format', function () {
	dt.libs({
		js: ['jquery', 'datatables', 'moment', 'datetime'],
		css: ['datatables', 'datetime']
	});

	function pad(num) {
		return num < 10 ? '0' + num : num;
	}

	function getToday(rev = false) {
		let d = new Date();
		return rev
			? pad(d.getUTCDate()) + '-' + pad(1 + d.getUTCMonth()) + '-' + d.getUTCFullYear()
			: d.getUTCFullYear() + '-' + pad(1 + d.getUTCMonth()) + '-' + pad(d.getUTCDate());
	}

	function getNow() {
		let d = new Date();
		return (
			d.getFullYear() +
			'-' +
			pad(1 + d.getMonth()) +
			'-' +
			pad(d.getDate()) +
			' ' +
			pad(d.getHours()) +
			':' +
			pad(d.getMinutes()) +
			':' +
			pad(d.getSeconds())
		);
	}

	let time1, time2;

	describe('Functional tests', function () {
		dt.html('input');
		it('Default - no time', function () {
			new DateTime(document.getElementById('test'), {});
			$('#test').click();
			expect($('.dt-datetime-time').is(':visible')).toBe(false);
		});
		it('... confirm setting', function () {
			$('.now button span').click();
			expect($('#test').val()).toBe(getToday());
		});

		dt.html('input');
		it('Reverse', function () {
			new DateTime(document.getElementById('test'), {format: 'DD-MM-YYYY'});
			$('#test').click();
			$('.now button span').click();
			expect($('#test').val()).toBe(getToday(true));
		});

		dt.html('input');
		it('Only year', function () {
			new DateTime(document.getElementById('test'), {format: 'YYYY'});
			$('#test').click();
			$('.now button span').click();
			expect($('#test').val()).toBe(new Date().getFullYear().toString());
		});

		dt.html('input');
		it('With time', function () {
			new DateTime(document.getElementById('test'), {format: 'YYYY-MM-DD HH:mm:ss'});
			time1 = getNow();
			$('#test').click();
			expect($('.dt-datetime-time').is(':visible')).toBe(true);
		});
		it('... confirm setting', function () {
			// get two times in case it flips over
			$('.now button span').click();
			time2 = getNow();
			let val = $('#test').val();

			expect(val == time1 || val == time2).toBe(true);
		});
	});
});