add team acceptance test

app/mirage/config.js

@@ -102,7 +102,16 @@ export default function () {
 
     /* Roles ---------------------------------------------------------------- */
 
-    this.get('/roles/', 'roles');
+    this.get('/roles/', function (db, request) {
+        if (request.queryParams.permissions === 'assign') {
+            let roles = db.roles.find([1,2,3]);
+            return {roles};
+        }
+
+        return {
+            roles: db.roles
+        };
+    });
 
     /* Settings ------------------------------------------------------------- */
 
@@ -141,7 +150,15 @@ export default function () {
     this.get('/slugs/post/:slug/', function (db, request) {
         return {
             slugs: [
-                {slug: request.params.slug.dasherize}
+                {slug: Ember.String.dasherize(decodeURIComponent(request.params.slug))}
+            ]
+        };
+    });
+
+    this.get('/slugs/user/:slug/', function (db, request) {
+        return {
+            slugs: [
+                {slug: Ember.String.dasherize(decodeURIComponent(request.params.slug))}
             ]
         };
     });
@@ -253,6 +270,22 @@ export default function () {
     });
 
     this.get('/users/', 'users');
+
+    this.get('/users/slug/:slug/', function (db, request) {
+        let user = db.users.where({slug: request.params.slug});
+
+        return {
+            users: user
+        };
+    });
+
+    this.del('/users/:id/', 'user');
+
+    this.get('/users/:id', function (db, request) {
+        return {
+            users: [db.users.find(request.params.id)]
+        };
+    });
 }
 
 /*

tests/acceptance/team-test.js

@@ -0,0 +1,340 @@
+/* jshint expr:true */
+import {
+  describe,
+  it,
+  beforeEach,
+  afterEach
+} from 'mocha';
+import { expect } from 'chai';
+import Ember from 'ember';
+import startApp from '../helpers/start-app';
+import destroyApp from '../helpers/destroy-app';
+import { invalidateSession, authenticateSession } from 'ghost/tests/helpers/ember-simple-auth';
+import { errorOverride, errorReset } from 'ghost/tests/helpers/adapter-error';
+import Mirage from 'ember-cli-mirage';
+
+describe('Acceptance: Team', function () {
+    let application;
+
+    beforeEach(function () {
+        application = startApp();
+    });
+
+    afterEach(function () {
+        destroyApp(application);
+    });
+
+    it('redirects to signin when not authenticated', function () {
+        invalidateSession(application);
+        visit('/team');
+
+        andThen(function () {
+            expect(currentURL()).to.equal('/signin');
+        });
+    });
+
+    it('redirects correctly when authenticated as author', function () {
+        const role = server.create('role', {name: 'Author'});
+        const user = server.create('user', {roles: [role], slug: 'test-user'});
+
+        server.create('user', {slug: 'no-access'});
+
+        authenticateSession(application);
+        visit('/team/no-access');
+
+        andThen(() => {
+            expect(currentURL(), 'currentURL').to.equal('/team/test-user');
+        });
+    });
+
+    it('redirects correctly when authenticated as editor', function () {
+        const role = server.create('role', {name: 'Editor'});
+        const user = server.create('user', {roles: [role], slug: 'test-user'});
+
+        server.create('user', {slug: 'no-access'});
+
+        authenticateSession(application);
+        visit('/team/no-access');
+
+        andThen(() => {
+            expect(currentURL(), 'currentURL').to.equal('/team');
+        });
+    });
+
+    describe('when logged in', function () {
+        beforeEach(function () {
+            const role = server.create('role', {name: 'Admininstrator'});
+            const user = server.create('user', {roles: [role]});
+
+            server.loadFixtures();
+
+            return authenticateSession(application);
+        });
+
+        it('it renders and navigates correctly', function () {
+            const user1 = server.create('user');
+            const user2 = server.create('user');
+
+            visit('/team');
+
+            andThen(() => {
+                // doesn't do any redirecting
+                expect(currentURL(), 'currentURL').to.equal('/team');
+
+                // it has correct page title
+                expect(document.title, 'page title').to.equal('Team - Test Blog');
+
+                // it shows 3 users in list (includes currently logged in user)
+                expect(find('.user-list .user-list-item').length, 'user list count')
+                    .to.equal(3);
+
+                click('.user-list-item:last');
+
+                andThen(() => {
+                    // url is correct
+                    expect(currentURL(), 'url after clicking user').to.equal(`/team/${user2.slug}`);
+
+                    // title is correct
+                    expect(document.title, 'title after clicking user').to.equal('Team - User - Test Blog');
+
+                    // view title should exist and be linkable and active
+                    expect(find('.view-title a[href="/team"]').hasClass('active'), 'has linkable url back to team main page')
+                        .to.be.true;
+                });
+
+                click('.view-title a');
+
+                andThen(() => {
+                    // url should be /team again
+                    expect(currentURL(), 'url after clicking back').to.equal('/team');
+                });
+            });
+        });
+
+        describe('invite new user', function () {
+            let emailInputField = '.modal-body .form-group input[name="email"]';
+
+            // @TODO: Evaluate after the modal PR goes in
+            it('modal loads correctly', function () {
+                visit('/team');
+
+                andThen(() => {
+                    // url is correct
+                    expect(currentURL(), 'currentURL').to.equal('/team');
+
+                    // invite user button exists
+                    expect(find('.view-actions .btn-green').html(), 'invite people button text')
+                        .to.equal('Invite People');
+                });
+
+                click('.view-actions .btn-green');
+
+                andThen(() => {
+                    let roleOptions = find('#new-user-role select option');
+
+                    function checkOwnerExists() {
+                        for (let i in roleOptions) {
+                            if (roleOptions[i].tagName === 'option' && roleOptions[i].text === 'Owner') {
+                                return true;
+                            }
+                        }
+                        return false;
+                    }
+
+                    function checkSelectedIsAuthor() {
+                        for (let i in roleOptions) {
+                            if (roleOptions[i].selected) {
+                                return roleOptions[i].text === 'Author';
+                            }
+                        }
+                        return false;
+                    }
+
+                    // should be 3 available roles
+                    expect(roleOptions.length, 'number of available roles').to.equal(3);
+
+                    expect(checkOwnerExists(), 'owner role isn\'t available').to.be.false;
+                    expect(checkSelectedIsAuthor(), 'author role is selected initially').to.be.true;
+                });
+            });
+
+            it('sends an invite correctly', function () {
+                visit('/team');
+
+                andThen(() => {
+                    expect(currentURL(), 'currentURL').to.equal('/team');
+
+                    expect(find('.user-list.invited-users .user-list-item').length, 'number of invited users').to.equal(0);
+                });
+
+                click('.view-actions .btn-green');
+                click(emailInputField);
+                triggerEvent(emailInputField, 'blur');
+
+                andThen(() => {
+                    expect(find('.modal-body .form-group:first').hasClass('error'), 'email input has error status').to.be.true;
+                    expect(find('.modal-body .form-group:first .response').text()).to.contain('Please enter an email.');
+                });
+
+                fillIn(emailInputField, 'test@example.com');
+                click('.modal-footer .js-button-accept');
+
+                andThen(() => {
+                    expect(find('.user-list.invited-users .user-list-item').length, 'number of invited users').to.equal(1);
+                    expect(find('.user-list.invited-users .user-list-item:first .name').text(), 'name of invited user').to.equal('test@example.com');
+                });
+
+                click('.user-list.invited-users .user-list-item:first .user-list-item-aside .user-list-action:contains("Revoke")');
+
+                andThen(() => {
+                    expect(find('.user-list.invited-users .user-list-item').length, 'number of invited users').to.equal(0);
+                });
+            });
+
+            it('fails sending an invite correctly', function () {
+                server.create('user', {email: 'test1@example.com'});
+                server.create('user', {email: 'test2@example.com', status: 'invited'});
+
+                visit('/team');
+
+                andThen(() => {
+                    expect(currentURL(), 'currentURL').to.equal('/team');
+
+                    expect(find('.user-list.invited-users .user-list-item').length, 'number of invited users').to.equal(1);
+                    // number of active users is 2 because of the logged-in user
+                    expect(find('.user-list.active-users .user-list-item').length, 'number of active users').to.equal(2);
+                });
+
+                click('.view-actions .btn-green');
+                fillIn(emailInputField, 'test1@example.com');
+                click('.modal-footer .js-button-accept');
+
+                andThen(() => {
+                    expect(find('.gh-alerts .gh-alert').length, 'number of alerts').to.equal(1);
+                    expect(find('.gh-alerts .gh-alert:first').hasClass('gh-alert-yellow'), 'alert is yellow').to.be.true;
+                    expect(find('.gh-alerts .gh-alert:first .gh-alert-content').text(), 'first alert\'s text').to.contain('A user with that email address already exists.');
+                });
+
+                click('.gh-alerts .gh-alert:first .gh-alert-close');
+                click('.view-actions .btn-green');
+                fillIn(emailInputField, 'test2@example.com');
+                click('.modal-footer .js-button-accept');
+
+                andThen(() => {
+                    expect(find('.gh-alerts .gh-alert').length, 'number of alerts').to.equal(1);
+                    expect(find('.gh-alerts .gh-alert:first').hasClass('gh-alert-yellow'), 'alert is yellow').to.be.true;
+                    expect(find('.gh-alerts .gh-alert:first .gh-alert-content').text(), 'first alert\'s text').to.contain('A user with that email address was already invited.');
+                });
+            });
+        });
+
+        describe('existing user', function () {
+            let user;
+
+            beforeEach(function () {
+                server.create('user', {slug: 'test-1', name: 'Test User'});
+            });
+
+            it('input fields reset and validate correctly', function () {
+                // test user name
+                visit('/team/test-1');
+
+                andThen(() => {
+                    expect(currentURL(), 'currentURL').to.equal('/team/test-1');
+                    expect(find('.user-details-top .first-form-group input.user-name').val(), 'current user name').to.equal('Test User');
+                });
+
+                // test empty user name
+                fillIn('.user-details-top .first-form-group input.user-name', '');
+                triggerEvent('.user-details-top .first-form-group input.user-name', 'blur');
+
+                andThen(() => {
+                    expect(find('.user-details-top .first-form-group').hasClass('error'), 'input is in error state').to.be.true;
+                });
+
+                // test too long user name
+                fillIn('.user-details-top .first-form-group input.user-name', new Array(160).join('a'));
+                triggerEvent('.user-details-top .first-form-group input.user-name', 'blur');
+
+                andThen(() => {
+                    expect(find('.user-details-top .first-form-group').hasClass('error'), 'input is in error state').to.be.true;
+                });
+
+                // reset name field
+                fillIn('.user-details-top .first-form-group input.user-name', 'Test User');
+
+                andThen(() => {
+                    expect(find('.user-details-bottom input[name="user"]').val(), 'slug value is default').to.equal('test-1');
+                });
+
+                fillIn('.user-details-bottom input[name="user"]', '');
+                triggerEvent('.user-details-bottom input[name="user"]', 'blur');
+
+                andThen(() => {
+                    expect(find('.user-details-bottom input[name="user"]').val(), 'slug value is reset to original upon empty string').to.equal('test-1');
+                });
+
+                fillIn('.user-details-bottom input[name="user"]', 'white space');
+                triggerEvent('.user-details-bottom input[name="user"]', 'blur');
+
+                andThen(() => {
+                    expect(find('.user-details-bottom input[name="user"]').val(), 'slug value is correctly dasherized').to.equal('white-space');
+                });
+
+                fillIn('.user-details-bottom input[name="email"]', 'thisisnotanemail');
+                triggerEvent('.user-details-bottom input[name="email"]', 'blur');
+
+                andThen(() => {
+                    expect(find('.user-details-bottom .form-group:nth-of-type(2)').hasClass('error'), 'email input should be in error state').to.be.true;
+                });
+
+                fillIn('.user-details-bottom input[name="email"]', 'test@example.com');
+                fillIn('#user-location', new Array(160).join('a'));
+                triggerEvent('#user-location', 'blur');
+
+                andThen(() => {
+                    expect(find('.user-details-bottom .form-group:nth-of-type(3)').hasClass('error'), 'location input should be in error state').to.be.true;
+                });
+
+                fillIn('#user-location', '');
+                fillIn('#user-website', 'thisisntawebsite');
+                triggerEvent('#user-website', 'blur');
+
+                andThen(() => {
+                    expect(find('.user-details-bottom .form-group:nth-of-type(4)').hasClass('error'), 'website input should be in error state').to.be.true;
+                });
+
+                fillIn('#user-website', '');
+                fillIn('#user-bio', new Array(210).join('a'));
+                triggerEvent('#user-bio', 'blur');
+
+                andThen(() => {
+                    expect(find('.user-details-bottom .form-group:nth-of-type(5)').hasClass('error'), 'bio input should be in error state').to.be.true;
+                });
+            });
+        });
+
+        describe('with 404', function () {
+            beforeEach(function () {
+                errorOverride();
+            });
+
+            afterEach(function () {
+                errorReset();
+            });
+
+            it('redirects to 404 when tag does not exist', function () {
+                server.get('/users/slug/unknown/', function () {
+                    return new Mirage.Response(404, {'Content-Type': 'application/json'}, {errors: [{message: 'User not found.', errorType: 'NotFoundError'}]});
+                });
+
+                visit('/team/unknown');
+
+                andThen(() => {
+                    expect(currentPath()).to.equal('error404');
+                    expect(currentURL()).to.equal('/team/unknown');
+                });
+            });
+        });
+    });
+});