Skip to content

Minds Frontend
Minds Frontend
Commit 0fb8b7b6 authored by Marcelo Rivera's avatar Marcelo Rivera
Browse files
Options
  • Download

(feat): e2e tests

parent 103b2981
feat/hide-share-buttons
1 merge request!776Allow users to permanently hide "share" buttons in settings
Pipeline #116938569 failed with stages
in 34 minutes and 50 seconds
Hide whitespace changes
Inline Side-by-side
Showing with 281 additions and 0 deletions
cypress/integration/settings/settings.spec.js 0 → 100644
View file @ 0fb8b7b6
// import 'cypress-file-upload';
context('Settings', () => {
const closeButton = '[data-cy=data-minds-conversation-close]';
before(() => {
cy.getCookie('minds_sess')
.then((sessionCookie) => {
if (sessionCookie === null) {
return cy.login(true);
}
});
// ensure no messenger windows are open.
cy.get('body').then(($body) => {
if ($body.find(closeButton).length) {
cy.get(closeButton)
.click({ multiple: true });
}
});
});
beforeEach(() => {
cy.preserveCookies();
cy.server();
cy.route('POST', '**/api/v1/blog/new').as('postBlog');
cy.route('POST', '**/api/v1/media**').as('postMedia');
cy.route('GET', '**/api/v1/settings/?').as('getSettings');
cy.route('POST', '**/api/v1/settings**').as('postSettings');
cy.route('GET', '**/api/v1/blog/**').as('getBlog');
cy.route('DELETE', '**/api/v1/blog/**').as('deleteBlog');
cy.visit('/settings/general')
.wait('@getSettings')
.then(xhr => {
expect(xhr.status).to.equal(200);
expect(xhr.response.body.status).to.equal('success');
});
// .location('pathname')
// .should('eq', '/settings/general');
});
const uploadAvatar = () => {
cy.visit(`/${Cypress.env().username}`);
cy.get('.m-channel--name .minds-button-edit button:first-child').click();
cy.uploadFile(
'.minds-avatar input[type=file]',
'../fixtures/avatar.jpeg',
'image/jpg'
);
cy.get('.m-channel--name .minds-button-edit button:last-child').click();
};
const createBlogPost = (title, body, nsfw = false, schedule = false) => {
cy.visit('/blog/edit/new');
cy.uploadFile(
'.minds-banner input[type=file]',
'../fixtures/international-space-station-1776401_1920.jpg',
'image/jpg'
);
cy.get('minds-textarea .m-editor').type(title);
cy.get('m-inline-editor .medium-editor-element').type(body);
// // click on plus button
// cy.get('.medium-editor-element > .medium-insert-buttons > button.medium-insert-buttons-show').click();
// // click on camera
// cy.get('ul.medium-insert-buttons-addons > li > button.medium-insert-action:first-child').contains('photo_camera').click();
// upload the image
cy.uploadFile('.medium-media-file-input', '../fixtures/international-space-station-1776401_1920.jpg', 'image/jpg')
.wait('@postMedia')
.then(xhr => {
expect(xhr.status).to.equal(200);
expect(xhr.response.body.status).to.equal('success');
});
// open license dropdown & select first license
cy.get('.m-license-info select').select('All rights reserved');
// click on hashtags dropdown
cy.get(
'.m-category-info m-hashtags-selector .m-dropdown--label-container'
).click();
// select #ART
cy.get('.m-category-info m-dropdown m-form-tags-input > div > span')
.contains('#art')
.click();
// type in another hashtag manually
cy.get('.m-category-info m-hashtags-selector m-form-tags-input input')
.type('hashtag{enter}')
.click();
// click away
cy.get('.m-category-info m-hashtags-selector .minds-bg-overlay').click();
// select visibility
cy.get('.m-visibility-info select').select('Loggedin');
// open metadata form
cy.get('.m-blog-edit--toggle-wrapper .m-blog-edit--toggle')
.contains('Metadata')
.click();
// set url slug
cy.get('.m-blog-edit--field input[name=slug]').type('123');
// set meta title
cy.get('.m-blog-edit--field input[name=custom_meta_title]').type('Test');
// set meta description
cy.get('.m-blog-edit--field textarea[name=custom_meta_description]').type(
'This is a test blog'
);
// set meta author
cy.get('.m-blog-edit--field input[name=custom_meta_author]').type(
'Minds Test'
);
if (nsfw) {
// click on nsfw dropdown
cy.get(
'm-nsfw-selector .m-dropdown--label-container'
).click();
// select Nudity
cy.get('m-nsfw-selector .m-dropdownList__item')
.contains('Nudity')
.click();
// click away
cy.get('m-nsfw-selector .minds-bg-overlay').click({ force: true });
}
if (schedule) {
cy.get('.m-poster-date-selector__input').click();
cy.get(
'td.c-datepicker__day-body.c-datepicker__day--selected + td'
).click();
cy.get('a.c-btn.c-btn--flat.js-ok').click();
// get setted date to compare
let scheduledDate;
cy.get('div.m-poster-date-selector__input div.m-tooltip--bubble')
.invoke('text')
.then(text => {
scheduledDate = text;
});
}
cy.get('.m-button--submit')
.click({ force: true }) // TODO: Investigate why disabled flag is being detected
.wait('@postBlog').then(xhr => {
expect(xhr.status).to.equal(200);
expect(xhr.response.body.status).to.equal('success');
})
.wait('@getBlog').then(xhr => {
expect(xhr.status).to.equal(200);
expect(xhr.response.body.status).to.equal('success');
expect(xhr.response.body).to.have.property('blog');
});
cy.location('pathname')
.should('contains', `/${Cypress.env().username}/blog`);
cy.get('.m-blog--title').contains(title);
cy.get('.minds-blog-body p').contains(body);
cy.get('.m-license-info span').contains('all-rights-reserved');
if (schedule) {
cy.wait(1000);
cy.get('div.m-blog-container div.mdl-grid div.minds-body span')
.invoke('text')
.then(text => {
const time_created = new Date(text).getTime();
scheduledDate = new Date(scheduledDate).getTime();
expect(scheduledDate).to.equal(time_created);
});
}
};
const deleteBlogPost = () => {
cy.get('m-post-menu button.minds-more').click();
cy.get('m-post-menu ul.minds-dropdown-menu li')
.contains('Delete')
.click();
cy.get('m-post-menu m-modal-confirm .mdl-button--colored').click();
cy.wait('@deleteBlog').then(xhr => {
expect(xhr.status).to.equal(200);
expect(xhr.response.body.status).to.equal('success');
});
};
// const editBlogPost = (title, body) => {
// cy.location('pathname').should(
// 'contains',
// `/${Cypress.env().username}/blog`
// );
//
// cy.get('m-post-menu').click();
// cy.get('.minds-dropdown-menu li')
// .first()
// .click();
// cy.location('pathname').should('contains', '/blog/edit');
// cy.get('minds-textarea .m-editor').type(title);
// cy.get('m-inline-editor .medium-editor-element').type(body);
//
// cy.get('.m-button--submit').click();
//
// cy.wait('@postBlog').then(xhr => {
// expect(xhr.status).to.equal(200);
// expect(xhr.response.body.status).to.equal('success');
//
// cy.wait('@getBlog').then(xhr => {
// expect(xhr.status).to.equal(200);
// expect(xhr.response.body.status).to.equal('success');
// expect(xhr.response.body).to.have.property('blog');
// });
// });
//
// cy.location('pathname').should(
// 'contains',
// `/${Cypress.env().username}/blog`
// );
//
// cy.get('.m-blog--title').contains(title);
// cy.get('.minds-blog-body p').contains(body);
// };
it('should show share buttons', () => {
const title = 'Title';
const body = 'Content';
cy.get('.m-settings--share-buttons input').uncheck();
cy.get('.m-settings--share-buttons input').check();
cy.wait(100);
cy.get('.m-btn--action').contains('Save').click().wait('@postSettings').then(xhr => {
expect(xhr.status).to.equal(200);
expect(xhr.response.body.status).to.equal('success');
});
cy.visit('/blog/edit/new');
uploadAvatar();
createBlogPost(title, body, true);
cy.get('m-social-icons').should('exist');
deleteBlogPost();
});
it('should hide share buttons', () => {
const title = 'Title';
const body = 'Content';
cy.get('.m-settings--share-buttons input').check();
cy.get('.m-settings--share-buttons input').uncheck();
cy.wait(100);
cy.get('.m-btn--action').contains('Save').click().wait('@postSettings').then(xhr => {
expect(xhr.status).to.equal(200);
expect(xhr.response.body.status).to.equal('success');
});
cy.wait(1000);
cy.visit('/blog/edit/new');
uploadAvatar();
createBlogPost(title, body, true);
cy.get('m-social-icons').should('not.exist');
deleteBlogPost();
});
});
Please register or to comment