pa11y-dashboard/test/integration/route/new.js

// This file is part of Pa11y Dashboard.
//
// Pa11y Dashboard is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Pa11y Dashboard is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
'use strict';

const assert = require('proclaim');

describe('GET /new', function() {
	beforeEach(function(done) {
		this.navigate({
			method: 'GET',
			endpoint: '/new'
		}, 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('[data-test=error]').length, 0);
	});

	it('should have an "Add new URL" form', function() {
		const form = this.last.dom('[data-test=new-url-form]').eq(0);
		assert.isDefined(form);
		assert.strictEqual(form.attr('action'), '/new');
		assert.strictEqual(form.attr('method'), 'post');
	});

	describe('"Add New URL" form', function() {
		beforeEach(function() {
			this.form = this.last.dom('[data-test=new-url-form]').eq(0);
		});

		it('should have a "name" field', function() {
			const field = this.form.find('input[name=name]').eq(0);
			assert.isDefined(field);
			assert.strictEqual(field.attr('type'), 'text');
			assert.strictEqual(field.attr('value'), '');
		});

		it('should have a "url" field', function() {
			const field = this.form.find('input[name=url]').eq(0);
			assert.isDefined(field);
			assert.strictEqual(field.attr('type'), 'url');
			assert.strictEqual(field.attr('value'), '');
		});

		it('should have a "wait" field', function() {
			const field = this.form.find('input[name=wait]').eq(0);
			assert.isDefined(field);
			assert.strictEqual(field.attr('type'), 'text');
			assert.strictEqual(field.attr('value'), '');
		});

		it('should have an "actions" field', function() {
			const field = this.form.find('textarea[name=actions]').eq(0);
			assert.isDefined(field);
		});

		it('should have a "username" field', function() {
			const field = this.form.find('input[name=username]').eq(0);
			assert.isDefined(field);
			assert.strictEqual(field.attr('type'), 'text');
			assert.strictEqual(field.attr('value'), '');
		});

		it('should have a "password" field', function() {
			const field = this.form.find('input[name=password]').eq(0);
			assert.isDefined(field);
			assert.strictEqual(field.attr('type'), 'text');
			assert.strictEqual(field.attr('value'), '');
		});

		it('should have a "standard" field', function() {
			const field = this.form.find('select[name=standard]').eq(0);
			assert.isDefined(field);
			assert.greaterThanOrEqual(field.find('option').length, 1);
		});

		it('should have "ignore" fields', function() {
			const fields = this.form.find('input[name="ignore[]"]');
			assert.isDefined(fields);
			assert.notStrictEqual(fields.length, 0);
		});

		it('should have a "hideElements" field', function() {
			const field = this.form.find('input[name=hideElements]').eq(0);
			assert.isDefined(field);
			assert.strictEqual(field.attr('type'), 'text');
			assert.strictEqual(field.attr('value'), '');
		});

		it('should have a "headers" field', function() {
			const field = this.form.find('textarea[name=headers]').eq(0);
			assert.isDefined(field);
		});
	});
});

describe('POST /new', function() {
	describe('with invalid query', function() {
		beforeEach(function(done) {
			const request = {
				method: 'POST',
				endpoint: '/new',
				form: {
					name: '',
					url: ''
				}
			};
			this.navigate(request, 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('[data-test=error]').length, 1);
		});
	});

	describe('with valid query', function() {
		const requestOptions = {
			method: 'POST',
			endpoint: '/new',
			form: {
				name: 'Example',
				url: 'http://example.com/',
				standard: 'WCAG2AA'
			}
		};

		beforeEach(function(done) {
			this.navigate(requestOptions, done);
		});

		it('should send a 200 status', function() {
			assert.strictEqual(this.last.status, 200);
		});

		it('should create the task', function(done) {
			const getTaskCount = then =>
				this.webservice.tasks.get({}, (error, tasks) => {
					then(tasks.length);
				});

			getTaskCount(firstTaskCount => {
				this.navigate(requestOptions, () => {
					getTaskCount(secondTaskCount => {
						assert.strictEqual(secondTaskCount, firstTaskCount + 1);
						done();
					});
				});
			});
		});

		it('should redirect me to the new URL page', function() {
			assert.match(this.last.request.uri.pathname, /^\/[a-z0-9]{24}$/i);
		});

		it('should not display an error message', function() {
			assert.strictEqual(this.last.dom('[data-test=error]').length, 0);
		});

		it('should display a success message', function() {
			const alert = this.last.dom('[data-test=alert]').eq(0);
			assert.isDefined(alert);
			assert.match(alert.text(), /url has been added/i);
		});
	});
});