219 lines
8.9 KiB
JavaScript
219 lines
8.9 KiB
JavaScript
import moment from 'moment';
|
|
import wait from 'ember-test-helpers/wait';
|
|
import {authenticateSession, invalidateSession} from 'ember-simple-auth/test-support';
|
|
import {beforeEach, describe, it} from 'mocha';
|
|
import {blur, click, currentRouteName, currentURL, fillIn, find, findAll} from '@ember/test-helpers';
|
|
import {expect} from 'chai';
|
|
import {setupApplicationTest} from 'ember-mocha';
|
|
import {setupMirage} from 'ember-cli-mirage/test-support';
|
|
import {timeout} from 'ember-concurrency';
|
|
import {visit} from '../helpers/visit';
|
|
|
|
describe('Acceptance: Members', function () {
|
|
let hooks = setupApplicationTest();
|
|
setupMirage(hooks);
|
|
|
|
it('redirects to signin when not authenticated', async function () {
|
|
await invalidateSession();
|
|
await visit('/members');
|
|
|
|
expect(currentURL()).to.equal('/signin');
|
|
});
|
|
|
|
it('redirects non-admins to posts', async function () {
|
|
let role = this.server.create('role', {name: 'Editor'});
|
|
this.server.create('user', {roles: [role]});
|
|
|
|
await authenticateSession();
|
|
await visit('/members');
|
|
|
|
expect(currentURL()).to.equal('/site');
|
|
expect(find('[data-test-nav="members"]'), 'sidebar link')
|
|
.to.not.exist;
|
|
});
|
|
|
|
describe('as owner', function () {
|
|
beforeEach(async function () {
|
|
this.server.loadFixtures('configs');
|
|
|
|
let role = this.server.create('role', {name: 'Owner'});
|
|
this.server.create('user', {roles: [role]});
|
|
|
|
return await authenticateSession();
|
|
});
|
|
|
|
it('shows sidebar link which navigates to members list', async function () {
|
|
await visit('/settings/labs');
|
|
await click('#labs-members');
|
|
await visit('/');
|
|
|
|
expect(find('[data-test-nav="members"]'), 'sidebar link')
|
|
.to.exist;
|
|
|
|
await click('[data-test-nav="members"]');
|
|
|
|
expect(currentURL()).to.equal('/members');
|
|
expect(currentRouteName()).to.equal('members.index');
|
|
expect(find('[data-test-screen-title]')).to.have.text('Members');
|
|
});
|
|
|
|
it('it renders, can be navigated, can edit member', async function () {
|
|
let member1 = this.server.create('member', {createdAt: moment.utc().subtract(1, 'day').valueOf()});
|
|
this.server.create('member', {createdAt: moment.utc().subtract(2, 'day').valueOf()});
|
|
|
|
await visit('/members');
|
|
|
|
// second wait is needed for the vertical-collection to settle
|
|
await wait();
|
|
|
|
// lands on correct page
|
|
expect(currentURL(), 'currentURL').to.equal('/members');
|
|
|
|
// it has correct page title
|
|
expect(document.title, 'page title').to.equal('Members - Test Blog');
|
|
|
|
// it lists all members
|
|
expect(findAll('.members-list .gh-members-list-item').length, 'members list count')
|
|
.to.equal(2);
|
|
|
|
let member = find('.members-list .gh-members-list-item');
|
|
expect(member.querySelector('.gh-members-list-name').textContent, 'member list item title')
|
|
.to.equal(member1.name);
|
|
|
|
await visit(`/members/${member1.id}`);
|
|
|
|
// // second wait is needed for the member details to settle
|
|
await wait();
|
|
|
|
// it shows selected member form
|
|
expect(find('.gh-member-settings-primary input[name="name"]').value, 'loads correct member into form')
|
|
.to.equal(member1.name);
|
|
|
|
expect(find('.gh-member-settings-primary input[name="email"]').value, 'loads correct email into form')
|
|
.to.equal(member1.email);
|
|
|
|
// trigger save
|
|
await fillIn('.gh-member-settings-primary input[name="name"]', 'New Name');
|
|
await blur('.gh-member-settings-primary input[name="name"]');
|
|
|
|
await click('[data-test-button="save"]');
|
|
|
|
// extra timeout needed for Travis - sometimes it doesn't update
|
|
// quick enough and an extra wait() call doesn't help
|
|
await timeout(100);
|
|
|
|
await click('[data-test-link="members-back"]');
|
|
|
|
await wait();
|
|
|
|
// lands on correct page
|
|
expect(currentURL(), 'currentURL').to.equal('/members');
|
|
});
|
|
|
|
it('can create a new member', async function () {
|
|
this.server.create('member', {createdAt: moment.utc().subtract(1, 'day').valueOf()});
|
|
|
|
await visit('/members');
|
|
|
|
// second wait is needed for the vertical-collection to settle
|
|
await wait();
|
|
|
|
// lands on correct page
|
|
expect(currentURL(), 'currentURL').to.equal('/members');
|
|
|
|
// it has correct page title
|
|
expect(document.title, 'page title').to.equal('Members - Test Blog');
|
|
|
|
// it lists all members
|
|
expect(findAll('.members-list .gh-members-list-item').length, 'members list count')
|
|
.to.equal(1);
|
|
|
|
// start new member
|
|
await click('[data-test-new-member-button="true"]');
|
|
|
|
// it navigates to the new member route
|
|
expect(currentURL(), 'new member URL').to.equal('/members/new');
|
|
// it displays the new member form
|
|
expect(find('.gh-canvas-header h2').textContent, 'settings pane title')
|
|
.to.contain('New member');
|
|
|
|
// all fields start blank
|
|
findAll('.gh-member-settings-primary .gh-input').forEach(function (elem) {
|
|
expect(elem.value, `input field for ${elem.getAttribute('name')}`)
|
|
.to.be.empty;
|
|
});
|
|
|
|
// save new member
|
|
await fillIn('.gh-member-settings-primary input[name="name"]', 'New Name');
|
|
await blur('.gh-member-settings-primary input[name="name"]');
|
|
|
|
await fillIn('.gh-member-settings-primary input[name="email"]', 'example@domain.com');
|
|
await blur('.gh-member-settings-primary input[name="email"]');
|
|
|
|
await click('[data-test-button="save"]');
|
|
|
|
await wait();
|
|
|
|
expect(find('.gh-member-settings-primary input[name="name"]').value, 'name has been preserved')
|
|
.to.equal('New Name');
|
|
|
|
expect(find('.gh-member-settings-primary input[name="email"]').value, 'email has been preserved')
|
|
.to.equal('example@domain.com');
|
|
});
|
|
});
|
|
|
|
describe('bulk editing', function () {
|
|
beforeEach(async function () {
|
|
this.server.loadFixtures('configs');
|
|
|
|
let role = this.server.create('role', {name: 'Owner'});
|
|
this.server.create('user', {roles: [role]});
|
|
|
|
return await authenticateSession();
|
|
});
|
|
|
|
it('can bulk delete all members', async function () {
|
|
this.server.createList('member', 100);
|
|
|
|
await visit('/members');
|
|
|
|
expect(find('[data-test-list-header]'), 'initial list header text').to.contain.text('100 members');
|
|
expect(find('[data-test-edit-overlay]'), 'initial header edit overlay').to.not.exist;
|
|
|
|
await click('[data-test-button="edit"]');
|
|
|
|
expect(find('[data-test-edit-overlay]'), 'edit mode overlay').to.exist;
|
|
expect(find('[data-test-label="selection"'), 'initial selection label').to.contain.text('Select all (100)');
|
|
expect(find('[data-test-button="delete"]'), 'initial delete button').to.have.attribute('disabled');
|
|
|
|
await click('[data-test-checkbox="select-all"]');
|
|
|
|
expect(find('[data-test-label="selection"'), 'post-select-all selection label').to.contain.text('All items selected');
|
|
expect(find('[data-test-button="delete"]'), 'post-select-all delete button').to.not.have.attribute('disabled');
|
|
|
|
await click('[data-test-button="delete"]');
|
|
|
|
expect(find('[data-test-modal="delete-members"]'), 'post-delete-click delete modal').to.exist;
|
|
expect(find('[data-test-state="delete-unconfirmed"]'), 'post-delete-click unconfirmed state').to.exist;
|
|
expect(find('[data-test-text="delete-count"]'), 'confirm delete count').to.contain.text('100 members');
|
|
|
|
await click('[data-test-button="confirm"]');
|
|
|
|
expect(find('[data-test-no-members]'), 'background no-members state').to.exist;
|
|
expect(find('[data-test-state="delete-complete"]'), 'post-confirm complete state').to.exist;
|
|
expect(find('[data-test-text="deleted-count"]'), 'post-confirm delete count').to.contain.text('100');
|
|
expect(find('[data-test-bulk-delete-errors]'), 'post-confirm errors').to.not.exist;
|
|
|
|
await click('[data-test-button="close-modal"');
|
|
|
|
expect(find('[data-test-modal="delete-members"]'), 'post-close delete modal').to.not.exist;
|
|
});
|
|
|
|
it('can handle bulk delete outright error');
|
|
it('can handle partial delete success');
|
|
it('can bulk delete all members with a filter');
|
|
it('can bulk delete all members with a search');
|
|
it('can bulk delete all paid/free members');
|
|
});
|
|
});
|