mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-22 10:21:36 +03:00
6fa8dafa79
Updates Admin UX for Contributors When logged in as a Contributor: - removes sidebar, added floating account menu and dark-mode switch to right side. Updated mobile menu accordingly - all post by the given user is listed in the Post list - changed post filtering - hides email columns in post list - removes publishmenu for Contributors in Post preview modal - visual tweaks
260 lines
13 KiB
JavaScript
260 lines
13 KiB
JavaScript
import {authenticateSession, invalidateSession} from 'ember-simple-auth/test-support';
|
|
import {beforeEach, describe, it} from 'mocha';
|
|
import {click, currentURL, fillIn, find, findAll, settled, visit} from '@ember/test-helpers';
|
|
import {clickTrigger, selectChoose} from 'ember-power-select/test-support/helpers';
|
|
import {expect} from 'chai';
|
|
import {setupApplicationTest} from 'ember-mocha';
|
|
import {setupMirage} from 'ember-cli-mirage/test-support';
|
|
|
|
describe('Acceptance: Content', function () {
|
|
let hooks = setupApplicationTest();
|
|
setupMirage(hooks);
|
|
|
|
it('redirects to signin when not authenticated', async function () {
|
|
await invalidateSession();
|
|
await visit('/posts');
|
|
|
|
expect(currentURL()).to.equal('/signin');
|
|
});
|
|
|
|
describe('as admin', function () {
|
|
let admin, editor, publishedPost, scheduledPost, draftPost, authorPost;
|
|
|
|
beforeEach(async function () {
|
|
let adminRole = this.server.create('role', {name: 'Administrator'});
|
|
admin = this.server.create('user', {roles: [adminRole]});
|
|
let editorRole = this.server.create('role', {name: 'Editor'});
|
|
editor = this.server.create('user', {roles: [editorRole]});
|
|
|
|
publishedPost = this.server.create('post', {authors: [admin], status: 'published', title: 'Published Post'});
|
|
scheduledPost = this.server.create('post', {authors: [admin], status: 'scheduled', title: 'Scheduled Post'});
|
|
draftPost = this.server.create('post', {authors: [admin], status: 'draft', title: 'Draft Post'});
|
|
authorPost = this.server.create('post', {authors: [editor], status: 'published', title: 'Editor Published Post'});
|
|
|
|
// pages shouldn't appear in the list
|
|
this.server.create('page', {authors: [admin], status: 'published', title: 'Published Page'});
|
|
|
|
return await authenticateSession();
|
|
});
|
|
|
|
it.skip('displays and filters posts', async function () {
|
|
await visit('/posts');
|
|
// Not checking request here as it won't be the last request made
|
|
// Displays all posts + pages
|
|
expect(findAll('[data-test-post-id]').length, 'all posts count').to.equal(4);
|
|
|
|
// show draft posts
|
|
await selectChoose('[data-test-type-select]', 'Draft posts');
|
|
|
|
// API request is correct
|
|
let [lastRequest] = this.server.pretender.handledRequests.slice(-1);
|
|
expect(lastRequest.queryParams.filter, '"drafts" request status filter').to.have.string('status:draft');
|
|
// Displays draft post
|
|
expect(findAll('[data-test-post-id]').length, 'drafts count').to.equal(1);
|
|
expect(find(`[data-test-post-id="${draftPost.id}"]`), 'draft post').to.exist;
|
|
|
|
// show published posts
|
|
await selectChoose('[data-test-type-select]', 'Published posts');
|
|
|
|
// API request is correct
|
|
[lastRequest] = this.server.pretender.handledRequests.slice(-1);
|
|
expect(lastRequest.queryParams.filter, '"published" request status filter').to.have.string('status:published');
|
|
// Displays three published posts + pages
|
|
expect(findAll('[data-test-post-id]').length, 'published count').to.equal(2);
|
|
expect(find(`[data-test-post-id="${publishedPost.id}"]`), 'admin published post').to.exist;
|
|
expect(find(`[data-test-post-id="${authorPost.id}"]`), 'author published post').to.exist;
|
|
|
|
// show scheduled posts
|
|
await selectChoose('[data-test-type-select]', 'Scheduled posts');
|
|
|
|
// API request is correct
|
|
[lastRequest] = this.server.pretender.handledRequests.slice(-1);
|
|
expect(lastRequest.queryParams.filter, '"scheduled" request status filter').to.have.string('status:scheduled');
|
|
// Displays scheduled post
|
|
expect(findAll('[data-test-post-id]').length, 'scheduled count').to.equal(1);
|
|
expect(find(`[data-test-post-id="${scheduledPost.id}"]`), 'scheduled post').to.exist;
|
|
|
|
// show all posts
|
|
await selectChoose('[data-test-type-select]', 'All posts');
|
|
|
|
// API request is correct
|
|
[lastRequest] = this.server.pretender.handledRequests.slice(-1);
|
|
expect(lastRequest.queryParams.filter, '"all" request status filter').to.have.string('status:[draft,scheduled,published]');
|
|
|
|
// show all posts by editor
|
|
await selectChoose('[data-test-author-select]', editor.name);
|
|
|
|
// API request is correct
|
|
[lastRequest] = this.server.pretender.handledRequests.slice(-1);
|
|
expect(lastRequest.queryParams.filter, '"editor" request status filter')
|
|
.to.have.string('status:[draft,scheduled,published]');
|
|
expect(lastRequest.queryParams.filter, '"editor" request filter param')
|
|
.to.have.string(`authors:${editor.slug}`);
|
|
|
|
// Post status is only visible when members is enabled
|
|
expect(find('[data-test-visibility-select]'), 'access dropdown before members enabled').to.not.exist;
|
|
let featureService = this.owner.lookup('service:feature');
|
|
featureService.set('members', true);
|
|
await settled();
|
|
expect(find('[data-test-visibility-select]'), 'access dropdown after members enabled').to.exist;
|
|
|
|
await selectChoose('[data-test-visibility-select]', 'Paid members-only');
|
|
[lastRequest] = this.server.pretender.handledRequests.slice(-1);
|
|
expect(lastRequest.queryParams.filter, '"visibility" request filter param')
|
|
.to.have.string('visibility:paid+status:[draft,scheduled,published]');
|
|
|
|
// Displays editor post
|
|
// TODO: implement "filter" param support and fix mirage post->author association
|
|
// expect(find('[data-test-post-id]').length, 'editor post count').to.equal(1);
|
|
// expect(find(`[data-test-post-id="${authorPost.id}"]`), 'author post').to.exist;
|
|
|
|
// TODO: test tags dropdown
|
|
});
|
|
|
|
// TODO: skipped due to consistently random failures on Travis
|
|
// options[0] is undefined
|
|
// https://github.com/TryGhost/Ghost/issues/10308
|
|
it.skip('sorts tags filter alphabetically', async function () {
|
|
this.server.create('tag', {name: 'B - Second', slug: 'second'});
|
|
this.server.create('tag', {name: 'Z - Last', slug: 'last'});
|
|
this.server.create('tag', {name: 'A - First', slug: 'first'});
|
|
|
|
await visit('/posts');
|
|
await clickTrigger('[data-test-tag-select]');
|
|
|
|
let options = findAll('.ember-power-select-option');
|
|
|
|
expect(options[0].textContent.trim()).to.equal('All tags');
|
|
expect(options[1].textContent.trim()).to.equal('A - First');
|
|
expect(options[2].textContent.trim()).to.equal('B - Second');
|
|
expect(options[3].textContent.trim()).to.equal('Z - Last');
|
|
});
|
|
|
|
it('can add and edit custom views', async function () {
|
|
// actions are not visible when there's no filter
|
|
await visit('/posts');
|
|
expect(find('[data-test-button="edit-view"]')).to.not.exist;
|
|
expect(find('[data-test-button="add-view"]')).to.not.exist;
|
|
|
|
// add action is visible after filtering to a non-default filter
|
|
await selectChoose('[data-test-author-select]', admin.name);
|
|
expect(find('[data-test-button="add-view"]')).to.exist;
|
|
|
|
// adding view shows it in the sidebar
|
|
await click('[data-test-button="add-view"]');
|
|
expect(find('[data-test-modal="custom-view-form"]')).to.exist;
|
|
expect(find('[data-test-modal="custom-view-form"] h1').textContent.trim()).to.equal('New view');
|
|
await fillIn('[data-test-input="custom-view-name"]', 'Test view');
|
|
await click('[data-test-button="save-custom-view"]');
|
|
// modal closes on save
|
|
expect(find('[data-test-modal="custom-view-form"]')).to.not.exist;
|
|
// UI updates
|
|
expect(find('[data-test-nav-custom="posts-Test view"]')).to.exist;
|
|
expect(find('[data-test-nav-custom="posts-Test view"]').textContent.trim()).to.equal('Test view');
|
|
expect(find('[data-test-button="add-view"]')).to.not.exist;
|
|
expect(find('[data-test-button="edit-view"]')).to.exist;
|
|
|
|
// editing view
|
|
await click('[data-test-button="edit-view"]');
|
|
expect(find('[data-test-modal="custom-view-form"]')).to.exist;
|
|
expect(find('[data-test-modal="custom-view-form"] h1').textContent.trim()).to.equal('Edit view');
|
|
await fillIn('[data-test-input="custom-view-name"]', 'Updated view');
|
|
await click('[data-test-button="save-custom-view"]');
|
|
// modal closes on save
|
|
expect(find('[data-test-modal="custom-view-form"]')).to.not.exist;
|
|
// UI updates
|
|
expect(find('[data-test-nav-custom="posts-Updated view"]')).to.exist;
|
|
expect(find('[data-test-nav-custom="posts-Updated view"]').textContent.trim()).to.equal('Updated view');
|
|
expect(find('[data-test-button="add-view"]')).to.not.exist;
|
|
expect(find('[data-test-button="edit-view"]')).to.exist;
|
|
});
|
|
|
|
it('can navigate to custom views', async function () {
|
|
this.server.create('setting', {
|
|
group: 'site',
|
|
key: 'shared_views',
|
|
value: JSON.stringify([{
|
|
route: 'posts',
|
|
name: 'My posts',
|
|
filter: {
|
|
author: admin.slug
|
|
}
|
|
}])
|
|
});
|
|
|
|
await visit('/posts');
|
|
|
|
// nav bar contains default + custom views
|
|
expect(find('[data-test-nav-custom="posts-Drafts"]')).to.exist;
|
|
expect(find('[data-test-nav-custom="posts-Scheduled"]')).to.exist;
|
|
expect(find('[data-test-nav-custom="posts-Published"]')).to.exist;
|
|
expect(find('[data-test-nav-custom="posts-My posts"]')).to.exist;
|
|
|
|
// screen has default title and sidebar is showing inactive custom view
|
|
expect(find('[data-test-screen-title]').textContent.trim()).to.equal('Posts');
|
|
expect(find('[data-test-nav="posts"]')).to.have.class('active');
|
|
|
|
// clicking sidebar custom view link works
|
|
await click('[data-test-nav-custom="posts-Scheduled"]');
|
|
expect(currentURL()).to.equal('/posts?type=scheduled');
|
|
expect(find('[data-test-screen-title]').textContent.trim()).to.match(/Posts[ \n]+Scheduled/);
|
|
expect(find('[data-test-nav-custom="posts-Scheduled"]')).to.have.class('active');
|
|
|
|
// clicking the main posts link resets
|
|
await click('[data-test-nav="posts"]');
|
|
expect(currentURL()).to.equal('/posts');
|
|
expect(find('[data-test-screen-title]').textContent.trim()).to.equal('Posts');
|
|
expect(find('[data-test-nav-custom="posts-Scheduled"]')).to.not.have.class('active');
|
|
|
|
// changing a filter to match a custom view shows custom view
|
|
await selectChoose('[data-test-type-select]', 'Scheduled posts');
|
|
expect(currentURL()).to.equal('/posts?type=scheduled');
|
|
expect(find('[data-test-nav-custom="posts-Scheduled"]')).to.have.class('active');
|
|
expect(find('[data-test-screen-title]').textContent.trim()).to.match(/Posts[ \n]+Scheduled/);
|
|
});
|
|
});
|
|
|
|
describe('as author', function () {
|
|
let author, authorPost;
|
|
|
|
beforeEach(async function () {
|
|
let authorRole = this.server.create('role', {name: 'Author'});
|
|
author = this.server.create('user', {roles: [authorRole]});
|
|
let adminRole = this.server.create('role', {name: 'Administrator'});
|
|
let admin = this.server.create('user', {roles: [adminRole]});
|
|
|
|
// create posts
|
|
authorPost = this.server.create('post', {authors: [author], status: 'published', title: 'Author Post'});
|
|
this.server.create('post', {authors: [admin], status: 'scheduled', title: 'Admin Post'});
|
|
|
|
return await authenticateSession();
|
|
});
|
|
|
|
it('only fetches the author\'s posts', async function () {
|
|
await visit('/posts');
|
|
// trigger a filter request so we can grab the posts API request easily
|
|
await selectChoose('[data-test-type-select]', 'Published posts');
|
|
|
|
// API request includes author filter
|
|
let [lastRequest] = this.server.pretender.handledRequests.slice(-1);
|
|
expect(lastRequest.queryParams.filter).to.have.string(`authors:${author.slug}`);
|
|
|
|
// only author's post is shown
|
|
expect(findAll('[data-test-post-id]').length, 'post count').to.equal(1);
|
|
expect(find(`[data-test-post-id="${authorPost.id}"]`), 'author post').to.exist;
|
|
});
|
|
});
|
|
|
|
describe('as contributor', function () {
|
|
beforeEach(async function () {
|
|
let adminRole = this.server.create('role', {name: 'Administrator'});
|
|
let admin = this.server.create('user', {roles: [adminRole]});
|
|
|
|
// Create posts
|
|
this.server.create('post', {authors: [admin], status: 'scheduled', title: 'Admin Post'});
|
|
|
|
return await authenticateSession();
|
|
});
|
|
});
|
|
});
|