datatables.net-datetime 1.0.1 → 1.1.2

package/test/options/dateTime.i18n.minutes.js

@@ -0,0 +1,33 @@
+describe('dateTime - i18n - minutes', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Default', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				format: 'HH:mm'
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-minutes thead').text()).toBe('Minute');
+		});
+
+		dt.html('input');
+		it('Change', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				format: 'HH:mm',
+				i18n: {
+					minutes: 'test'
+				}
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-minutes thead').text()).toBe('test');
+		});
+	});
+});

package/test/options/dateTime.i18n.months.js

@@ -0,0 +1,33 @@
+describe('dateTime - i18n - months', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Default', function () {
+			let el = new DateTime(document.getElementById('test'));
+
+			$('#test').click();
+
+			expect($('.dt-datetime-month').text()).toBe(
+				'JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember'
+			);
+		});
+
+		dt.html('input');
+		it('Change', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				format: 'HH:mm',
+				i18n: {
+					months: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
+				}
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-month').text()).toBe('123456789101112');
+		});
+	});
+});

package/test/options/dateTime.i18n.next.js

@@ -0,0 +1,31 @@
+describe('dateTime - i18n - next', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	// DD-1869
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Default', function () {
+			let el = new DateTime(document.getElementById('test'));
+
+			$('#test').click();
+
+			expect($('.dt-datetime-iconRight').text()).toBe('Next');
+		});
+
+		dt.html('input');
+		it('Change', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				i18n: {
+					next: 'test'
+				}
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-iconRight').text()).toBe('test');
+		});
+	});
+});

package/test/options/dateTime.i18n.previous.js

@@ -0,0 +1,31 @@
+describe('dateTime - i18n - previous', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	// DD-1869
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Default', function () {
+			let el = new DateTime(document.getElementById('test'));
+
+			$('#test').click();
+
+			expect($('.dt-datetime-iconLeft').text()).toBe('Previous');
+		});
+
+		dt.html('input');
+		it('Change', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				i18n: {
+					previous: 'test'
+				}
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-iconLeft').text()).toBe('test');
+		});
+	});
+});

package/test/options/dateTime.i18n.seconds.js

@@ -0,0 +1,33 @@
+describe('dateTime - i18n - seconds', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Default', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				format: 'HH:mm:ss'
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-seconds thead').text()).toBe('Second');
+		});
+
+		dt.html('input');
+		it('Change', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				format: 'HH:mm:ss',
+				i18n: {
+					seconds: 'test'
+				}
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-seconds thead').text()).toBe('test');
+		});
+	});
+});

package/test/options/dateTime.i18n.unknown.js

@@ -0,0 +1,33 @@
+describe('dateTime - i18n - unknown', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	// DD-1870
+	describe('Functional tests', function () {
+		dt.html('input');
+		// it('Default', function () {
+		// 	let el = new DateTime(document.getElementById('test'), {
+		// 		format: 'HH:mm:ss'
+		// 	});
+
+		// 	$('#test').click();
+
+		// 	expect($('.dt-datetime-seconds thead').text()).toBe('Second');
+		// });
+
+		// dt.html('input');
+		// it('Change', function () {
+		// 	let el = new DateTime(document.getElementById('test'), {
+		// 		i18n: {
+		// 			unknown: 'test'
+		// 		}
+		// 	});
+
+		// 	$('#test').click();
+
+		// 	expect($('.dt-datetime-seconds thead').text()).toBe('test');
+		// });
+	});
+});

package/test/options/dateTime.i18n.weekdays.js

@@ -0,0 +1,30 @@
+describe('dateTime - i18n - weekdays', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Default', function () {
+			let el = new DateTime(document.getElementById('test'));
+
+			$('#test').click();
+
+			expect($('.dt-datetime-calendar thead').text()).toBe('MonTueWedThuFriSatSun');
+		});
+
+		dt.html('input');
+		it('Change', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				i18n: {
+					weekdays: ['1', '2', '3', '4', '5', '6', '7']
+				}
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-calendar thead').text()).toBe('2345671');
+		});
+	});
+});

package/test/options/dateTime.init.js

@@ -0,0 +1,54 @@
+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($('.dt-datetime').length).toBe(0);
+			$('#test').click();
+			expect($('.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($('.dt-datetime').length).toBe(0);
+			$('#test').click();
+			expect($('.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');
+		});
+	});
+});
+

package/test/options/dateTime.maxDate.js

@@ -0,0 +1,66 @@
+describe('dateTime - options - maxDate', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	function pad(num) {
+		return num < 10 ? '0' + num : num;
+	}
+
+	function getToday() {
+		let d = new Date();
+		return d.getFullYear() + '-' + pad(1 + d.getMonth()) + '-' + pad(d.getDate());
+	}
+
+	function getMidMonth() {
+		let d = new Date();
+		return d.getFullYear() + '-' + pad(1 + d.getMonth()) + '-' + '15';
+	}
+
+	describe('Functional tests', function () {
+		let thisYear = new Date().getFullYear().toString();
+
+		dt.html('input');
+		it('Default', function () {
+			new DateTime(document.getElementById('test'), {});
+			$('#test').click();
+			expect($('select.dt-datetime-year option').length).toBe(51);
+			expect($('select.dt-datetime-year option:last-child').val()).toBe((new Date().getFullYear() + 25).toString());
+		});
+
+		dt.html('input');
+		it('String', function () {
+			new DateTime(document.getElementById('test'), {
+				maxDate: getToday()
+			});
+			$('#test').click();
+			expect($('select.dt-datetime-year option').length).toBe(26);
+			expect($('select.dt-datetime-year option:last-child').val()).toBe(thisYear);
+		});
+
+		dt.html('input');
+		it('String - mid-month', function () {
+			new DateTime(document.getElementById('test'), {
+				maxDate: getMidMonth()
+			});
+			$('#test').click();
+			expect($('select.dt-datetime-year option').length).toBe(26);
+			expect($('select.dt-datetime-year option:last-child').val()).toBe(thisYear);
+			expect($('tbody tr:eq(1) td:eq(0)').hasClass('disabled')).toBe(false);
+			expect($('tbody tr:eq(3) td:eq(0)').hasClass('disabled')).toBe(true);
+		});
+
+		dt.html('input');
+		it('Date - mid-month', function () {
+			new DateTime(document.getElementById('test'), {
+				maxDate: new Date(getMidMonth())
+			});
+			$('#test').click();
+			expect($('select.dt-datetime-year option').length).toBe(26);
+			expect($('select.dt-datetime-year option:last-child').val()).toBe(thisYear);
+			expect($('tbody tr:eq(1) td:eq(0)').hasClass('disabled')).toBe(false);
+			expect($('tbody tr:eq(3) td:eq(0)').hasClass('disabled')).toBe(true);
+		});
+	});
+});

package/test/options/dateTime.minDate.js

@@ -0,0 +1,66 @@
+describe('dateTime - options - minDate', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	function pad(num) {
+		return num < 10 ? '0' + num : num;
+	}
+
+	function getToday() {
+		let d = new Date();
+		return d.getFullYear() + '-' + pad(1 + d.getMonth()) + '-' + pad(d.getDate());
+	}
+
+	function getMidMonth() {
+		let d = new Date();
+		return d.getFullYear() + '-' + pad(1 + d.getMonth()) + '-' + '15';
+	}
+
+	describe('Functional tests', function () {
+		let thisYear = new Date().getFullYear().toString();
+
+		dt.html('input');
+		it('Default', function () {
+			new DateTime(document.getElementById('test'), {});
+			$('#test').click();
+			expect($('select.dt-datetime-year option').length).toBe(51);
+			expect($('select.dt-datetime-year option:first-child').val()).toBe((new Date().getFullYear() - 25).toString());
+		});
+
+		dt.html('input');
+		it('String', function () {
+			new DateTime(document.getElementById('test'), {
+				minDate: getToday()
+			});
+			$('#test').click();
+			expect($('select.dt-datetime-year option').length).toBe(26);
+			expect($('select.dt-datetime-year option:first-child').val()).toBe(thisYear);
+		});
+
+		dt.html('input');
+		it('String - mid-month', function () {
+			new DateTime(document.getElementById('test'), {
+				minDate: getMidMonth()
+			});
+			$('#test').click();
+			expect($('select.dt-datetime-year option').length).toBe(26);
+			expect($('select.dt-datetime-year option:first-child').val()).toBe(thisYear);
+			expect($('tbody tr:eq(1) td:eq(0)').hasClass('disabled')).toBe(true);
+			expect($('tbody tr:eq(3) td:eq(0)').hasClass('disabled')).toBe(false);
+		});
+
+		dt.html('input');
+		it('Date - mid-month', function () {
+			new DateTime(document.getElementById('test'), {
+				minDate: new Date(getMidMonth())
+			});
+			$('#test').click();
+			expect($('select.dt-datetime-year option').length).toBe(26);
+			expect($('select.dt-datetime-year option:first-child').val()).toBe(thisYear);
+			expect($('tbody tr:eq(1) td:eq(0)').hasClass('disabled')).toBe(true);
+			expect($('tbody tr:eq(3) td:eq(0)').hasClass('disabled')).toBe(false);
+		});
+	});
+});

package/test/options/dateTime.onChange.js

@@ -0,0 +1,130 @@
+describe('dateTime - options - onChange', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	let params;
+	let count;
+
+	function pad(num) {
+		return num < 10 ? '0' + num : num;
+	}
+
+	function getToday() {
+		let d = new Date();
+		return d.getFullYear() + '-' + pad(1 + d.getMonth()) + '-' + pad(d.getDate());
+	}
+
+	function getMidMonth() {
+		let d = new Date();
+		return d.getFullYear() + '-' + pad(1 + d.getMonth()) + '-' + '15';
+	}
+
+	describe('Check the defaults', function () {
+		dt.html('input');
+		it('Set stuff up', function () {
+			new DateTime(document.getElementById('test'), {
+				onChange: function () {
+					params = arguments;
+				}
+			});
+
+			expect(params).toBe(undefined);
+		});
+		it('Trigger a change and confirm correct number of params', function () {
+			$('#test').click();
+			$('.now button span').click();
+			expect(params.length).toBe(3);
+		});
+		it('Current value', function () {
+			expect(params[0]).toBe(getToday());
+		});
+		it('Date value', function () {
+			expect(params[1] instanceof Date).toBe(true);
+		});
+		it('Input element', function () {
+			expect($(params[2]).attr('id')).toBe('test');
+		});
+	});
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Setup', function () {
+			count = 0;
+			new DateTime(document.getElementById('test'), {
+				format: 'YYYY-MM-DD HH:mm:ss',
+				onChange: function () {
+					count++;
+					params = arguments;
+				}
+			}).val('2021-01-01 12:12:12');
+
+			$('#test').click();
+			expect(count).toBe(0);
+		});
+		it('... triggers on date', function () {
+			$('#test').click();
+			$('.dt-datetime-calendar .selected button span').click();
+			expect(count).toBe(1);
+		});
+		it('... does not trigger again if no change', function () {
+			$('#test').click();
+			$('.dt-datetime-calendar .selected button span').click();
+			expect(count).toBe(1);
+		});
+		it('... triggers on hours', function () {
+			$('#test').click();
+			$('.dt-datetime-hours tbody tr:eq(0) td:eq(0) button span').click();
+			expect(count).toBe(2);
+		});
+		it('... triggers on minutes', function () {
+			$('#test').click();
+			$('.dt-datetime-minutes tbody tr:eq(0) td:eq(0) button span').click();
+			expect(count).toBe(3);
+		});
+		it('... triggers on seconds', function () {
+			$('#test').click();
+			$('.dt-datetime-seconds tbody tr:eq(0) td:eq(0) button span').click();
+			expect(count).toBe(4);
+		});
+
+		dt.html('input');
+		it('Does not trigger on disabled days', function () {
+			count = 0;
+			new DateTime(document.getElementById('test'), {
+				disableDays: [1, 2],
+				onChange: function () {
+					count++;
+					params = arguments;
+				}
+			}).val('2021-02-05');
+			$('#test').click();
+			$('.dt-datetime-calendar tbody tr:eq(1) td:eq(1) button span').click();
+			expect(count).toBe(0);
+		});
+		it('... but does on enabled days', function () {
+			$('.dt-datetime-calendar tbody tr:eq(1) td:eq(3) button span').click();
+			expect(count).toBe(1);
+		});
+
+		dt.html('input');
+		it('Does not trigger when maxDate set', function () {
+			count = 0;
+			new DateTime(document.getElementById('test'), {
+				maxDate: getMidMonth(),
+				onChange: function () {
+					count++;
+					params = arguments;
+				}
+			});
+			$('#test').click();
+			$('.dt-datetime-calendar tbody tr:eq(3) td:eq(0) button span').click();
+			expect(count).toBe(0);
+		});
+		it('... but does on enabled days', function () {
+			$('.dt-datetime-calendar tbody tr:eq(1) td:eq(0) button span').click();
+			expect(count).toBe(1);
+		});
+	});
+});

package/test/options/dateTime.showWeekNumber.js

@@ -0,0 +1,36 @@
+describe('dateTime - options - showWeekNumber', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Default: no week number', function () {
+			let el = new DateTime(document.getElementById('test'));
+
+			$('#test').click();
+
+			el.val('2017-06-15');
+
+			expect($('td.dt-datetime-week').length).toBe(0);
+		});
+
+		dt.html('input');
+		it('Show week number', function () {
+			let el = new DateTime(document.getElementById('test'), {
+				showWeekNumber: true
+			});
+
+			$('#test').click();
+
+			el.val('2017-06-15');
+
+			expect($('td.dt-datetime-week').length).toBe(5);
+		});
+		it('... correct week number', function () {
+			expect($('td.dt-datetime-week:eq(0)').text()).toBe('22');
+
+		});
+	});
+});