mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-22 18:31:57 +03:00
da38f0db19
closes TryGhost/Ghost#8483 - Added a new modal component that gets rendered when leaving general/settings after changes have been done but not saved - Removed independent saving logic for social URL for consistent UX
520 lines
21 KiB
JavaScript
520 lines
21 KiB
JavaScript
/* jshint expr:true */
|
|
import $ from 'jquery';
|
|
import ctrlOrCmd from 'ghost-admin/utils/ctrl-or-cmd';
|
|
import destroyApp from '../../helpers/destroy-app';
|
|
import mockUploads from '../../../mirage/config/uploads';
|
|
import startApp from '../../helpers/start-app';
|
|
import wait from 'ember-test-helpers/wait';
|
|
import {afterEach, beforeEach, describe, it} from 'mocha';
|
|
import {authenticateSession, invalidateSession} from 'ghost-admin/tests/helpers/ember-simple-auth';
|
|
import {expect} from 'chai';
|
|
import {run} from '@ember/runloop';
|
|
|
|
describe('Acceptance: Settings - General', function () {
|
|
let application;
|
|
|
|
beforeEach(function () {
|
|
application = startApp();
|
|
});
|
|
|
|
afterEach(function () {
|
|
destroyApp(application);
|
|
});
|
|
|
|
it('redirects to signin when not authenticated', async function () {
|
|
invalidateSession(application);
|
|
await visit('/settings/general');
|
|
|
|
expect(currentURL(), 'currentURL').to.equal('/signin');
|
|
});
|
|
|
|
it('redirects to team page when authenticated as author', async function () {
|
|
let role = server.create('role', {name: 'Author'});
|
|
server.create('user', {roles: [role], slug: 'test-user'});
|
|
|
|
authenticateSession(application);
|
|
await visit('/settings/general');
|
|
|
|
expect(currentURL(), 'currentURL').to.equal('/team/test-user');
|
|
});
|
|
|
|
it('redirects to team page when authenticated as editor', async function () {
|
|
let role = server.create('role', {name: 'Editor'});
|
|
server.create('user', {roles: [role], slug: 'test-user'});
|
|
|
|
authenticateSession(application);
|
|
await visit('/settings/general');
|
|
|
|
expect(currentURL(), 'currentURL').to.equal('/team');
|
|
});
|
|
|
|
describe('when logged in', function () {
|
|
beforeEach(function () {
|
|
let role = server.create('role', {name: 'Administrator'});
|
|
server.create('user', {roles: [role]});
|
|
|
|
return authenticateSession(application);
|
|
});
|
|
|
|
it('it renders, handles image uploads', async function () {
|
|
await visit('/settings/general');
|
|
|
|
// has correct url
|
|
expect(currentURL(), 'currentURL').to.equal('/settings/general');
|
|
|
|
// has correct page title
|
|
expect(document.title, 'page title').to.equal('Settings - General - Test Blog');
|
|
|
|
// highlights nav menu
|
|
expect($('.gh-nav-settings-general').hasClass('active'), 'highlights nav menu item')
|
|
.to.be.true;
|
|
|
|
expect(
|
|
find('[data-test-save-button]').text().trim(),
|
|
'save button text'
|
|
).to.equal('Save settings');
|
|
|
|
expect(
|
|
find('[data-test-dated-permalinks-checkbox]').prop('checked'),
|
|
'date permalinks checkbox'
|
|
).to.be.false;
|
|
|
|
await click('[data-test-toggle-pub-info]');
|
|
await fillIn('[data-test-title-input]', 'New Blog Title');
|
|
await click('[data-test-save-button]');
|
|
expect(document.title, 'page title').to.equal('Settings - General - New Blog Title');
|
|
|
|
// blog icon upload
|
|
// -------------------------------------------------------------- //
|
|
|
|
// has fixture icon
|
|
expect(
|
|
find('[data-test-icon-img]').attr('src'),
|
|
'initial icon src'
|
|
).to.equal('/content/images/2014/Feb/favicon.ico');
|
|
|
|
// delete removes icon + shows button
|
|
await click('[data-test-delete-image="icon"]');
|
|
expect(
|
|
find('[data-test-icon-img]'),
|
|
'icon img after removal'
|
|
).to.not.exist;
|
|
expect(
|
|
find('[data-test-image-upload-btn="icon"]'),
|
|
'icon upload button after removal'
|
|
).to.exist;
|
|
|
|
// select file
|
|
fileUpload(
|
|
'[data-test-file-input="icon"]',
|
|
['test'],
|
|
{name: 'pub-icon.ico', type: 'image/x-icon'}
|
|
);
|
|
|
|
// check progress bar exists during upload
|
|
run.later(() => {
|
|
expect(
|
|
find('[data-test-setting="icon"] [data-test-progress-bar]'),
|
|
'icon upload progress bar'
|
|
).to.exist;
|
|
}, 50);
|
|
|
|
// wait for upload to finish and check image is shown
|
|
await wait();
|
|
expect(
|
|
find('[data-test-icon-img]').attr('src'),
|
|
'icon img after upload'
|
|
).to.match(/pub-icon\.ico$/);
|
|
expect(
|
|
find('[data-test-image-upload-btn="icon"]'),
|
|
'icon upload button after upload'
|
|
).to.not.exist;
|
|
|
|
// failed upload shows error
|
|
server.post('/uploads/icon/', function () {
|
|
return {
|
|
errors: [{
|
|
errorType: 'ValidationError',
|
|
message: 'Wrong icon size'
|
|
}]
|
|
};
|
|
}, 422);
|
|
await click('[data-test-delete-image="icon"]');
|
|
await fileUpload(
|
|
'[data-test-file-input="icon"]',
|
|
['test'],
|
|
{name: 'pub-icon.ico', type: 'image/x-icon'}
|
|
);
|
|
expect(
|
|
find('[data-test-error="icon"]').text().trim(),
|
|
'failed icon upload message'
|
|
).to.equal('Wrong icon size');
|
|
|
|
// reset upload endpoints
|
|
mockUploads(server);
|
|
|
|
// blog logo upload
|
|
// -------------------------------------------------------------- //
|
|
|
|
// has fixture icon
|
|
expect(
|
|
find('[data-test-logo-img]').attr('src'),
|
|
'initial logo src'
|
|
).to.equal('/content/images/2013/Nov/logo.png');
|
|
|
|
// delete removes logo + shows button
|
|
await click('[data-test-delete-image="logo"]');
|
|
expect(
|
|
find('[data-test-logo-img]'),
|
|
'logo img after removal'
|
|
).to.not.exist;
|
|
expect(
|
|
find('[data-test-image-upload-btn="logo"]'),
|
|
'logo upload button after removal'
|
|
).to.exist;
|
|
|
|
// select file
|
|
fileUpload(
|
|
'[data-test-file-input="logo"]',
|
|
['test'],
|
|
{name: 'pub-logo.png', type: 'image/png'}
|
|
);
|
|
|
|
// check progress bar exists during upload
|
|
run.later(() => {
|
|
expect(
|
|
find('[data-test-setting="logo"] [data-test-progress-bar]'),
|
|
'logo upload progress bar'
|
|
).to.exist;
|
|
}, 50);
|
|
|
|
// wait for upload to finish and check image is shown
|
|
await wait();
|
|
expect(
|
|
find('[data-test-logo-img]').attr('src'),
|
|
'logo img after upload'
|
|
).to.match(/pub-logo\.png$/);
|
|
expect(
|
|
find('[data-test-image-upload-btn="logo"]'),
|
|
'logo upload button after upload'
|
|
).to.not.exist;
|
|
|
|
// failed upload shows error
|
|
server.post('/uploads/', function () {
|
|
return {
|
|
errors: [{
|
|
errorType: 'ValidationError',
|
|
message: 'Wrong logo size'
|
|
}]
|
|
};
|
|
}, 422);
|
|
await click('[data-test-delete-image="logo"]');
|
|
await fileUpload(
|
|
'[data-test-file-input="logo"]',
|
|
['test'],
|
|
{name: 'pub-logo.png', type: 'image/png'}
|
|
);
|
|
expect(
|
|
find('[data-test-error="logo"]').text().trim(),
|
|
'failed logo upload message'
|
|
).to.equal('Wrong logo size');
|
|
|
|
// reset upload endpoints
|
|
mockUploads(server);
|
|
|
|
// blog cover upload
|
|
// -------------------------------------------------------------- //
|
|
|
|
// has fixture icon
|
|
expect(
|
|
find('[data-test-cover-img]').attr('src'),
|
|
'initial coverImage src'
|
|
).to.equal('/content/images/2014/Feb/cover.jpg');
|
|
|
|
// delete removes coverImage + shows button
|
|
await click('[data-test-delete-image="coverImage"]');
|
|
expect(
|
|
find('[data-test-coverImage-img]'),
|
|
'coverImage img after removal'
|
|
).to.not.exist;
|
|
expect(
|
|
find('[data-test-image-upload-btn="coverImage"]'),
|
|
'coverImage upload button after removal'
|
|
).to.exist;
|
|
|
|
// select file
|
|
fileUpload(
|
|
'[data-test-file-input="coverImage"]',
|
|
['test'],
|
|
{name: 'pub-coverImage.png', type: 'image/png'}
|
|
);
|
|
|
|
// check progress bar exists during upload
|
|
run.later(() => {
|
|
expect(
|
|
find('[data-test-setting="coverImage"] [data-test-progress-bar]'),
|
|
'coverImage upload progress bar'
|
|
).to.exist;
|
|
}, 50);
|
|
|
|
// wait for upload to finish and check image is shown
|
|
await wait();
|
|
expect(
|
|
find('[data-test-cover-img]').attr('src'),
|
|
'coverImage img after upload'
|
|
).to.match(/pub-coverImage\.png$/);
|
|
expect(
|
|
find('[data-test-image-upload-btn="coverImage"]'),
|
|
'coverImage upload button after upload'
|
|
).to.not.exist;
|
|
|
|
// failed upload shows error
|
|
server.post('/uploads/', function () {
|
|
return {
|
|
errors: [{
|
|
errorType: 'ValidationError',
|
|
message: 'Wrong coverImage size'
|
|
}]
|
|
};
|
|
}, 422);
|
|
await click('[data-test-delete-image="coverImage"]');
|
|
await fileUpload(
|
|
'[data-test-file-input="coverImage"]',
|
|
['test'],
|
|
{name: 'pub-coverImage.png', type: 'image/png'}
|
|
);
|
|
expect(
|
|
find('[data-test-error="coverImage"]').text().trim(),
|
|
'failed coverImage upload message'
|
|
).to.equal('Wrong coverImage size');
|
|
|
|
// reset upload endpoints
|
|
mockUploads(server);
|
|
|
|
// CMD-S shortcut works
|
|
// -------------------------------------------------------------- //
|
|
await fillIn('[data-test-title-input]', 'CMD-S Test');
|
|
await triggerEvent('.gh-app', 'keydown', {
|
|
keyCode: 83, // s
|
|
metaKey: ctrlOrCmd === 'command',
|
|
ctrlKey: ctrlOrCmd === 'ctrl'
|
|
});
|
|
// we've already saved in this test so there's no on-screen indication
|
|
// that we've had another save, check the request was fired instead
|
|
let [lastRequest] = server.pretender.handledRequests.slice(-1);
|
|
let params = JSON.parse(lastRequest.requestBody);
|
|
expect(params.settings.findBy('key', 'title').value).to.equal('CMD-S Test');
|
|
});
|
|
|
|
it('renders timezone selector correctly', async function () {
|
|
await visit('/settings/general');
|
|
await click('[data-test-toggle-timezone]');
|
|
|
|
expect(currentURL(), 'currentURL').to.equal('/settings/general');
|
|
|
|
expect(find('#activeTimezone option').length, 'available timezones').to.equal(66);
|
|
expect(find('#activeTimezone option:selected').text().trim()).to.equal('(GMT) UTC');
|
|
find('#activeTimezone option[value="Africa/Cairo"]').prop('selected', true);
|
|
|
|
await triggerEvent('#activeTimezone', 'change');
|
|
await click('[data-test-save-button]');
|
|
expect(find('#activeTimezone option:selected').text().trim()).to.equal('(GMT +2:00) Cairo, Egypt');
|
|
});
|
|
|
|
it('handles private blog settings correctly', async function () {
|
|
await visit('/settings/general');
|
|
|
|
// handles private blog settings correctly
|
|
expect(find('[data-test-private-checkbox]').prop('checked'), 'isPrivate checkbox').to.be.false;
|
|
|
|
await click('[data-test-private-checkbox]');
|
|
|
|
expect(find('[data-test-private-checkbox]').prop('checked'), 'isPrivate checkbox').to.be.true;
|
|
expect(find('[data-test-password-input]').length, 'password input').to.equal(1);
|
|
expect(find('[data-test-password-input]').val(), 'password default value').to.not.equal('');
|
|
|
|
await fillIn('[data-test-password-input]', '');
|
|
await triggerEvent('[data-test-password-input]', 'blur');
|
|
|
|
expect(find('[data-test-password-error]').text().trim(), 'empty password error')
|
|
.to.equal('Password must be supplied');
|
|
|
|
await fillIn('[data-test-password-input]', 'asdfg');
|
|
await triggerEvent('[data-test-password-input]', 'blur');
|
|
|
|
expect(find('[data-test-password-error]').text().trim(), 'present password error')
|
|
.to.equal('');
|
|
});
|
|
|
|
it('handles social blog settings correctly', async function () {
|
|
await visit('/settings/general');
|
|
await click('[data-test-toggle-social]');
|
|
|
|
// validates a facebook url correctly
|
|
// loads fixtures and performs transform
|
|
expect(find('[data-test-facebook-input]').val(), 'initial facebook value')
|
|
.to.equal('https://www.facebook.com/test');
|
|
|
|
await triggerEvent('[data-test-facebook-input]', 'focus');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
// regression test: we still have a value after the input is
|
|
// focused and then blurred without any changes
|
|
expect(find('[data-test-facebook-input]').val(), 'facebook value after blur with no change')
|
|
.to.equal('https://www.facebook.com/test');
|
|
|
|
await fillIn('[data-test-facebook-input]', 'facebook.com/username');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-input]').val()).to.be.equal('https://www.facebook.com/username');
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-facebook-input]', 'facebook.com/pages/some-facebook-page/857469375913?ref=ts');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-input]').val()).to.be.equal('https://www.facebook.com/pages/some-facebook-page/857469375913?ref=ts');
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-facebook-input]', '*(&*(%%))');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('The URL must be in a format like https://www.facebook.com/yourPage');
|
|
|
|
await fillIn('[data-test-facebook-input]', 'http://github.com/username');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-input]').val()).to.be.equal('https://www.facebook.com/username');
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-facebook-input]', 'http://github.com/pages/username');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-input]').val()).to.be.equal('https://www.facebook.com/pages/username');
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-facebook-input]', 'testuser');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-input]').val()).to.be.equal('https://www.facebook.com/testuser');
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-facebook-input]', 'ab99');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-input]').val()).to.be.equal('https://www.facebook.com/ab99');
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-facebook-input]', 'page/ab99');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-input]').val()).to.be.equal('https://www.facebook.com/page/ab99');
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-facebook-input]', 'page/*(&*(%%))');
|
|
await triggerEvent('[data-test-facebook-input]', 'blur');
|
|
|
|
expect(find('[data-test-facebook-input]').val()).to.be.equal('https://www.facebook.com/page/*(&*(%%))');
|
|
expect(find('[data-test-facebook-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
// validates a twitter url correctly
|
|
|
|
// loads fixtures and performs transform
|
|
expect(find('[data-test-twitter-input]').val(), 'initial twitter value')
|
|
.to.equal('https://twitter.com/test');
|
|
|
|
await triggerEvent('[data-test-twitter-input]', 'focus');
|
|
await triggerEvent('[data-test-twitter-input]', 'blur');
|
|
|
|
// regression test: we still have a value after the input is
|
|
// focused and then blurred without any changes
|
|
expect(find('[data-test-twitter-input]').val(), 'twitter value after blur with no change')
|
|
.to.equal('https://twitter.com/test');
|
|
|
|
await fillIn('[data-test-twitter-input]', 'twitter.com/username');
|
|
await triggerEvent('[data-test-twitter-input]', 'blur');
|
|
|
|
expect(find('[data-test-twitter-input]').val()).to.be.equal('https://twitter.com/username');
|
|
expect(find('[data-test-twitter-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-twitter-input]', '*(&*(%%))');
|
|
await triggerEvent('[data-test-twitter-input]', 'blur');
|
|
|
|
expect(find('[data-test-twitter-error]').text().trim(), 'inline validation response')
|
|
.to.equal('The URL must be in a format like https://twitter.com/yourUsername');
|
|
|
|
await fillIn('[data-test-twitter-input]', 'http://github.com/username');
|
|
await triggerEvent('[data-test-twitter-input]', 'blur');
|
|
|
|
expect(find('[data-test-twitter-input]').val()).to.be.equal('https://twitter.com/username');
|
|
expect(find('[data-test-twitter-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
|
|
await fillIn('[data-test-twitter-input]', 'thisusernamehasmorethan15characters');
|
|
await triggerEvent('[data-test-twitter-input]', 'blur');
|
|
|
|
expect(find('[data-test-twitter-error]').text().trim(), 'inline validation response')
|
|
.to.equal('Your Username is not a valid Twitter Username');
|
|
|
|
await fillIn('[data-test-twitter-input]', 'testuser');
|
|
await triggerEvent('[data-test-twitter-input]', 'blur');
|
|
|
|
expect(find('[data-test-twitter-input]').val()).to.be.equal('https://twitter.com/testuser');
|
|
expect(find('[data-test-twitter-error]').text().trim(), 'inline validation response')
|
|
.to.equal('');
|
|
});
|
|
|
|
it('warns when leaving without saving', async function () {
|
|
await visit('/settings/general');
|
|
|
|
expect(
|
|
find('[data-test-dated-permalinks-checkbox]').prop('checked'),
|
|
'date permalinks checkbox'
|
|
).to.be.false;
|
|
|
|
await click('[data-test-toggle-pub-info]');
|
|
await fillIn('[data-test-title-input]', 'New Blog Title');
|
|
|
|
await click('[data-test-dated-permalinks-checkbox]');
|
|
|
|
expect(
|
|
find('[data-test-dated-permalinks-checkbox]').prop('checked'),
|
|
'dated permalink checkbox'
|
|
).to.be.true;
|
|
|
|
await visit('/settings/team');
|
|
|
|
expect(find('.fullscreen-modal').length, 'modal exists').to.equal(1);
|
|
|
|
// Leave without saving
|
|
await(click('.fullscreen-modal [data-test-leave-button]'), 'leave without saving');
|
|
|
|
expect(currentURL(), 'currentURL').to.equal('/settings/team');
|
|
|
|
await visit('/settings/general');
|
|
|
|
expect(currentURL(), 'currentURL').to.equal('/settings/general');
|
|
|
|
// settings were not saved
|
|
expect(
|
|
find('[data-test-dated-permalinks-checkbox]').prop('checked'),
|
|
'date permalinks checkbox'
|
|
).to.be.false;
|
|
|
|
expect(
|
|
find('[data-test-title-input]').text().trim(),
|
|
'Blog title'
|
|
).to.equal('');
|
|
});
|
|
});
|
|
});
|