datatables.net-datetime 1.5.0 → 1.5.2

package/nuget.nuspec

@@ -2,7 +2,7 @@
 <package xmlns="http://schemas.microsoft.com/packaging/2010/07/nuspec.xsd">
     <metadata>
         <id>datatables.net-datetime</id>
-        <version>1.5.0</version>
+        <version>1.5.2</version>
         <description>DataTables date / time picker</description>
         <authors>SpryMedia Ltd</authors>
         <projectUrl>http://datatables.net</projectUrl>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datatables.net-datetime",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "DateTime picker for DataTables.net",
   "main": "dist/dataTables.dateTime.js",
   "module": "dist/dataTables.dateTime.mjs",

package/test/api/dateTime.display().js

@@ -0,0 +1,47 @@
+describe('dateTime - api - display()', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	let el;
+
+	describe('Check the defaults', function () {
+		dt.html('input');
+		it('Ensure its a function', function () {
+			el = new DateTime(document.getElementById('test'));
+			expect(typeof el.display).toBe('function');
+		});
+		it('Getter returns an object with todays date', function () {
+			const d = new Date();
+
+			$('#test').click();
+			expect(el.display()).toEqual({ year: d.getFullYear(), month: d.getMonth() + 1 });
+		});
+		it('Setter returns an API instance', function () {
+			expect(el.display(2046, 10) instanceof DateTime).toBe(true);
+		});
+	});
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Setter with past date', function () {
+			var el = new DateTime('#test');
+			$('#test').click();
+			el.display(2002, 4);
+
+			setTimeout(function () {
+				expect(el.display()).toEqual({ year: 2002, month: 4 });
+			}, 500);
+		});
+		it('Setter with past date', function () {
+			var el = new DateTime('#test');
+			$('#test').click();
+			el.display(2046, 10);
+
+			setTimeout(function () {
+				expect(el.display()).toEqual({ year: 2046, month: 10 });
+			}, 500);
+		});
+	});
+});

package/test/options/dateTime.buttons.js

@@ -0,0 +1,71 @@
+describe('dateTime - options - buttons', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	let el;
+	const d = new Date();
+
+	function pad(num) {
+		return num < 10 ? '0' + num : num;
+	}
+
+	// TK COLIN make this a generic function somewhere as repeated
+	function format(d) {
+		return d.getUTCFullYear() + '-' + pad(1 + d.getUTCMonth()) + '-' + pad(d.getUTCDate());
+	}
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('No buttons present by default', function () {
+			el = new DateTime('#test');
+			$('#test').click();
+			expect($('.dt-datetime-clear').is(':visible')).toBe(false);
+			expect($('.dt-datetime-today').is(':visible')).toBe(false);
+		});
+
+		dt.html('input');
+		it('Both buttons present', function () {
+			el = new DateTime('#test', { buttons: { today: true, clear: true } });
+			$('#test').click();
+			expect($('.dt-datetime-clear').is(':visible')).toBe(true);
+			expect($('.dt-datetime-today').is(':visible')).toBe(true);
+		});
+
+		dt.html('input');
+		it('Just today', function () {
+			el = new DateTime('#test', { buttons: { today: true } });
+			$('#test').click();
+			expect($('.dt-datetime-clear').is(':visible')).toBe(false);
+			expect($('.dt-datetime-today').is(':visible')).toBe(true);
+		});
+		it('... and confirm behaviour of today', function () {
+			// change the date
+			el.display(2021, 4);
+			expect(el.display()).toEqual({ year: 2021, month: 4 });
+
+			$('.dt-datetime-today').click();
+
+			// TK COLIN disabled for now
+			// expect(el.display()).toEqual({ year: d.getFullYear(), month: d.getMonth() + 1 });
+		});
+
+		dt.html('input');
+		it('Just clear', function () {
+			el = new DateTime('#test', { buttons: { clear: true } });
+			$('#test').click();
+			expect($('.dt-datetime-clear').is(':visible')).toBe(true);
+			expect($('.dt-datetime-today').is(':visible')).toBe(false);
+		});
+		it('... and confirm behaviour of today', function () {
+			$('td.now button').click();
+			expect(format(el.val())).toEqual(format(d));
+
+			$('#test').click();
+			$('.dt-datetime-clear').click();
+
+			// expect(el.val()).toEqual(null);
+		});
+	});
+});

package/test/options/dateTime.hoursAvailable.js

@@ -0,0 +1,38 @@
+describe('dateTime - options - hoursAvailable', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	let el;
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Date & time', function () {
+			el = new DateTime('#test', {
+				format: 'D MMM YYYY HH:mm',
+				hoursAvailable: [1, 15, 23]
+			});
+			$('#test').click();
+
+			expect($('.dt-datetime-hours .dt-datetime-table td').not('.disabled').length).toBe(3);
+			expect($('.dt-datetime-hours .dt-datetime-table td').not('.disabled').eq(0).text()).toBe('01');
+			expect($('.dt-datetime-hours .dt-datetime-table td').not('.disabled').eq(1).text()).toBe('15');
+			expect($('.dt-datetime-hours .dt-datetime-table td').not('.disabled').eq(2).text()).toBe('23');
+		});
+
+		dt.html('input');
+		it('Just time', function () {
+			el = new DateTime('#test', {
+				format: ' HH:mm',
+				hoursAvailable: [0, 15, 23]
+			});
+			$('#test').click();
+
+			expect($('.dt-datetime-hours .dt-datetime-table td').not('.disabled').length).toBe(3);
+			expect($('.dt-datetime-hours .dt-datetime-table td').not('.disabled').eq(0).text()).toBe('00');
+			expect($('.dt-datetime-hours .dt-datetime-table td').not('.disabled').eq(1).text()).toBe('15');
+			expect($('.dt-datetime-hours .dt-datetime-table td').not('.disabled').eq(2).text()).toBe('23');
+		});
+	});
+});

package/test/options/dateTime.locale.js

@@ -0,0 +1,31 @@
+describe('dateTime - options - locale', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	let el;
+	const d = new Date();
+
+	function pad(num) {
+		return num < 10 ? '0' + num : num;
+	}
+
+	// TK COLIN make this a generic function somewhere as repeated
+	function format(d) {
+		return d.getUTCFullYear() + '-' + pad(1 + d.getUTCMonth()) + '-' + pad(d.getUTCDate());
+	}
+
+	// TK COLIN not entirely sure what this does, but skipping for now as other priorities
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('No buttons present by default', function () {
+			el = new DateTime('#test', { locale: 'fr' });
+
+			$('#test').click();
+			$('td.now button').click();
+
+			expect(format(el.val())).toEqual(format(d));
+		});
+	});
+});

package/test/options/dateTime.minutesAvailable.js

@@ -0,0 +1,46 @@
+describe('dateTime - options - minutesAvailable', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	let el;
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Date & time', function () {
+			el = new DateTime('#test', {
+				format: 'D MMM YYYY HH:mm:ss',
+				minutesAvailable: [1, 2, 3]
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').length).toBe(3);
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').eq(0).text()).toBe('01');
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').eq(1).text()).toBe('02');
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').eq(2).text()).toBe('03');
+		});
+
+		dt.html('input');
+		it('Just time with scattered values', function () {
+			el = new DateTime('#test', {
+				format: ' HH:mm',
+				minutesAvailable: [1, 15, 18]
+			});
+
+			$('#test').click();
+
+			// first block
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').length).toBe(1);
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').eq(0).text()).toBe('01');
+
+			// second block
+			$('.dt-datetime-minutes tbody tr:eq(0) td:eq(1) button').click()
+
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').length).toBe(2);
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').eq(0).text()).toBe('15');
+			expect($('.dt-datetime-minutes .dt-datetime-table td').not('.disabled').eq(1).text()).toBe('18');
+		});
+	});
+});

package/test/options/dateTime.secondsAvailable.js

@@ -0,0 +1,46 @@
+describe('dateTime - options - secondsAvailable', function () {
+	dt.libs({
+		js: ['jquery', 'datatables', 'moment', 'datetime'],
+		css: ['datatables', 'datetime']
+	});
+
+	let el;
+
+	describe('Functional tests', function () {
+		dt.html('input');
+		it('Date & time', function () {
+			el = new DateTime('#test', {
+				format: 'D MMM YYYY HH:mm:ss',
+				secondsAvailable: [1, 2, 3]
+			});
+
+			$('#test').click();
+
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').length).toBe(3);
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').eq(0).text()).toBe('01');
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').eq(1).text()).toBe('02');
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').eq(2).text()).toBe('03');
+		});
+
+		dt.html('input');
+		it('Just time with scattered values', function () {
+			el = new DateTime('#test', {
+				format: 'mm:ss',
+				secondsAvailable: [1, 15, 18]
+			});
+
+			$('#test').click();
+
+			// first block
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').length).toBe(1);
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').eq(0).text()).toBe('01');
+
+			// second block
+			$('.dt-datetime-seconds tbody tr:eq(0) td:eq(1) button').click()
+
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').length).toBe(2);
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').eq(0).text()).toBe('15');
+			expect($('.dt-datetime-seconds .dt-datetime-table td').not('.disabled').eq(1).text()).toBe('18');
+		});
+	});
+});