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

DateTime picker for DataTables.net

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

	describe('Functional tests', function () {
		dt.html('input');
		it('Standard initialsiation', function () {
			new DateTime(document.getElementById('test'), {});

			expect($('div.dt-datetime').length).toBe(0);
			$('#test').click();
			expect($('div.dt-datetime').length).toBe(1);
		});

		dt.html('input');
		it('Standard initialsiation on control with value', function () {
			new DateTime(document.getElementById('value'), {});
			expect($('#value').val()).toBe('2021-10-20');
		});
		it('... value in the picker', function () {
			$('#value').click();
			expect($('.dt-datetime-calendar td.selected').text()).toBe('20');
			expect($('.dt-datetime-month').val()).toBe('9');
			expect($('.dt-datetime-year').val()).toBe('2021');
		});

		dt.html('input');
		it('Standard initialsiation with options', function () {
			new DateTime(document.getElementById('test'), {firstDay: 3});
			$('#test').click();
			expect($('.dt-datetime th:eq(0)').text()).toBe('Wed');
		});

		// For simplicity, this is the only place when jQuery initialisation is tested.
		// Elsewhere the tests will always use the object approach shown above
		dt.html('input');
		it('jQuery initialsiation', function () {
			$('#test').dtDateTime();
			expect($('div.dt-datetime').length).toBe(0);
			$('#test').click();
			expect($('div.dt-datetime').length).toBe(1);
		});

		dt.html('input');
		it('jQuery initialsiation with options', function () {
			$('#test').dtDateTime({firstDay: 3});
			$('#test').click();
			expect($('.dt-datetime th:eq(0)').text()).toBe('Wed');
		});
	});
});