Write tests for the new URL form

2013-11-22 09:17:44 +00:00
parent b5735b7f05
commit ae5b214834
6 changed files with 155 additions and 8 deletions
--- a/test/functional/route/index.js
+++ b/test/functional/route/index.js
@@ -0,0 +1,69 @@
+/* global beforeEach, describe, it */
+/* jshint maxlen: false, maxstatements: false */
+'use strict';
+
+var assert = require('proclaim');
+
+describe('GET /', function () {
+
+	describe('with no query', function () {
+
+		beforeEach(function (done) {
+			var req = {
+				method: 'GET',
+				endpoint: '/'
+			};
+			this.navigate(req, done);
+		});
+
+		it('should send a 200 status', function () {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should have an "Add new URL" button', function () {
+			var elem = this.last.dom.querySelectorAll('[data-test=add-task]');
+			assert.strictEqual(elem.length, 1);
+			assert.strictEqual(elem[0].getAttribute('href'), '/new');
+		});
+
+		it('should display all of the expected tasks', function () {
+			var tasks = this.last.dom.querySelectorAll('[data-test=task]');
+			assert.strictEqual(tasks.length, 3);
+			assert.match(tasks[0].textContent, /npg home\s+\(wcag2aa\)/i);
+			assert.match(tasks[1].textContent, /npg home\s+\(wcag2aaa\)/i);
+			assert.match(tasks[2].textContent, /nature news\s+\(section508\)/i);
+		});
+
+		it('should have links to each task', function () {
+			var tasks = this.last.dom.querySelectorAll('[data-test=task]');
+			assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001"]').length, 1);
+			assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002"]').length, 1);
+			assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003"]').length, 1);
+		});
+
+		it('should display a delete button for each task', function () {
+			var tasks = this.last.dom.querySelectorAll('[data-test=task]');
+			assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001/delete"]').length, 1);
+			assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002/delete"]').length, 1);
+			assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003/delete"]').length, 1);
+		});
+
+		it('should display the task result counts if the task has been run', function () {
+			var tasks = this.last.dom.querySelectorAll('[data-test=task]');
+			assert.match(tasks[0].textContent, /1\s*errors/i);
+			assert.match(tasks[0].textContent, /2\s*warnings/i);
+			assert.match(tasks[0].textContent, /3\s*notices/i);
+		});
+
+		it('should display a message indicating that there are no results if the task has not been run', function () {
+			var tasks = this.last.dom.querySelectorAll('[data-test=task]');
+			assert.match(tasks[2].textContent, /no results/i);
+		});
+
+		it('should not display an alert message', function () {
+			assert.strictEqual(this.last.dom.querySelectorAll('[data-test=alert]').length, 0);
+		});
+
+	});
+
+});
--- a/test/functional/route/new.js
+++ b/test/functional/route/new.js
@@ -0,0 +1,136 @@
+/* global beforeEach, describe, it */
+/* jshint maxlen: false, maxstatements: false */
+'use strict';
+
+var assert = require('proclaim');
+
+describe('GET /new', function () {
+
+	describe('with no query', function () {
+
+		beforeEach(function (done) {
+			var req = {
+				method: 'GET',
+				endpoint: '/new'
+			};
+			this.navigate(req, done);
+		});
+
+		it('should send a 200 status', function () {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should not display an error message', function () {
+			assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 0);
+		});
+
+		it('should have an "Add new URL" form', function () {
+			var form = this.last.dom.querySelectorAll('[data-test=new-url-form]')[0];
+			assert.isDefined(form);
+			assert.strictEqual(form.getAttribute('action'), '/new');
+			assert.strictEqual(form.getAttribute('method'), 'post');
+		});
+
+		describe('"Add New URL" form', function () {
+
+			beforeEach(function () {
+				this.form = this.last.dom.querySelectorAll('[data-test=new-url-form]')[0];
+			});
+
+			it('should have a "name" field', function () {
+				var field = this.form.querySelectorAll('input[name=name]')[0];
+				assert.isDefined(field);
+				assert.strictEqual(field.getAttribute('type'), 'text');
+				assert.strictEqual(field.getAttribute('value'), '');
+			});
+
+			it('should have a "url" field', function () {
+				var field = this.form.querySelectorAll('input[name=url]')[0];
+				assert.isDefined(field);
+				assert.strictEqual(field.getAttribute('type'), 'url');
+				assert.strictEqual(field.getAttribute('value'), '');
+			});
+
+			it('should have a "standard" field', function () {
+				var field = this.form.querySelectorAll('select[name=standard]')[0];
+				assert.isDefined(field);
+				assert.strictEqual(field.querySelectorAll('option').length, 4);
+			});
+
+			it('should have "ignore" fields', function () {
+				var fields = this.form.querySelectorAll('input[name="ignore[]"]');
+				assert.isDefined(fields);
+				assert.notStrictEqual(fields.length, 0);
+			});
+
+		});
+
+	});
+
+});
+
+describe('POST /new', function () {
+
+	describe('with invalid query', function () {
+
+		beforeEach(function (done) {
+			var req = {
+				method: 'POST',
+				endpoint: '/new',
+				body: {
+					name: '',
+					url: ''
+				}
+			};
+			this.navigate(req, done);
+		});
+
+		it('should send a 200 status', function () {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should display an error message', function () {
+			assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 1);
+		});
+
+	});
+
+	describe('with valid query', function () {
+
+		beforeEach(function (done) {
+			var req = {
+				method: 'POST',
+				endpoint: '/new',
+				body: {
+					name: 'Example',
+					url: 'http://example.com/',
+					standard: 'WCAG2AA'
+				}
+			};
+			this.navigate(req, done);
+		});
+
+		it('should send a 200 status', function () {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should redirect me to the new URL page', function () {
+			var title = this.last.dom.querySelectorAll('title')[0];
+			assert.isDefined(title);
+			assert.match(title.textContent, /example.com/i);
+			assert.match(title.textContent, /wcag2aa/i);
+		});
+
+		it('should not display an error message', function () {
+			assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 0);
+		});
+
+		it('should display a success message', function () {
+			var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
+			assert.isDefined(alert);
+			assert.match(alert.textContent, /url has been added/i);
+		});
+
+	});
+
+});