cypress/integration/notification.spec.js

+/**
+ * @author Ben Hayward
+ * @desc Spec tests for comment threads.
+ */
+import generateRandomId from '../support/utilities';
+
+context('Notification', () => {
+
+ //secondary user for testing.
+ let username = '';
+ let password = '';
+
+ const commentText = 'test comment';
+ const postText = 'test comment'
+ const postCommentButton = 'm-comment__poster > div > div.minds-body > div > div > a.m-post-button';
+ const commentButton = 'minds-activity > div.tabs > minds-button-comment > a'; 
+ const commentInput = 'm-comment__poster minds-textarea > div';
+ const commentContent ='.m-comment__bubble > p';
+ const notificationBell = 'm-notifications--topbar-toggle > a > i';
+
+ /**
+ * Before all, generate username and password, login as the new user and log out.
+ * Next login to env user, make a post, and log out.
+ */
+ before(() => {
+ username = generateRandomId(); 
+ password = generateRandomId()+'X#';
+
+ cy.newUser(username, password);
+ cy.logout();
+ 
+ cy.login();
+ cy.post(postText);
+ cy.logout();
+ });
+
+ /**
+ * After all log into new user and delete user.
+ */
+ after(() => {
+ cy.login(true, username, password);
+ cy.deleteUser(username, password);
+ });
+
+ /**
+ * Before each test login, and visit env users channel.
+ * When testing, this means you will be ready to make a comment, remind etc,
+ * then switch users and check for the notification.
+ */
+ beforeEach(() => {
+ cy.login(false, username, password);
+ 
+ cy.location('pathname')
+ .should('eq', '/newsfeed/subscriptions');
+ 
+ cy.visit(`/${Cypress.env().username}`);
+ });
+
+ /**
+ * After each logout to refresh state.
+ */
+ afterEach(() => {
+ cy.logout(); //force to get out of notif modal 
+ })
+
+ it('should alert the user that a post has been commented on', () => {
+ // Comment on generated 2nd users post.
+ cy.get(commentButton).first().click();
+ cy.get(commentInput).first().type(commentText);
+ cy.get(postCommentButton).first().click();
+ cy.get(commentContent).first().contains(commentText);
+ 
+ // Logout, log into generated user.
+ cy.logout();
+ cy.login();
+ 
+ // Open their notifications
+ cy.get(notificationBell).click(); 
+
+ /**
+ * Notifications not working on test env. 
+ * TODO: Check for notification - follow it 
+ * through and check it leads to the post with postText.
+ */
+ });
+
+})

cypress/support/commands.js

 import 'cypress-file-upload';
 
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add("login", (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This is will overwrite an existing command --
-// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
-
-Cypress.Commands.add('login', (canary) => {
- 
+/**
+ * @author Marcelo, Ben and Brian 
+ * @create date 2019-08-09 22:54:02
+ * @modify date 2019-08-09 22:54:02
+ * @desc Custom commands for access through cy.[cmd]();
+ * 
+ * For more comprehensive examples of custom
+ * commands please read more here:
+ * https://on.cypress.io/custom-commands
+ *
+ * -- This is a parent command --
+ * Cypress.Commands.add('login', (email, password) => { ... })
+ 
+ * -- This is a child command --
+ * Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+ 
+ * -- This is a dual command --
+ * Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+ 
+ * -- This is will overwrite an existing command --
+ * Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+ */
+
+const onboarding = {
+ welcomeText: 'Welcome to Minds',
+ welcomeTextContainer: 'm-onboarding--topics > div > h2:nth-child(1)',
+ nextButton: '.m-channelOnboarding__next',
+};
+
+//Login and register
+const registerForm = {
+ username: 'minds-form-register #username',
+ email: 'minds-form-register #email',
+ password: 'minds-form-register #password',
+ password2: 'minds-form-register #password2',
+ checkbox: 'minds-form-register label:nth-child(2) .mdl-ripple--center',
+ submitButton: 'minds-form-register .mdl-card__actions button',
+};
+
+const settings = {
+ deleteAccountButton: 'm-settings--disable-channel > div:nth-child(2) > div > button',
+ deleteSubmitButton: 'm-confirm-password--modal > div > form > div:nth-child(2) > button',
+};
+const nav = {
+ hamburgerMenu: '.m-v2-topbar__UserMenu > m-user-menu > div.m-user-menu.m-dropdown > a',
+ logoutButton: '.m-user-menu.m-dropdown > ul > li:nth-child(11) > a',
+ byIndex: (i) => `.m-user-menu.m-dropdown > ul > li:nth-child(${i}) > a`,
+};
+
+const defaults = {
+ email: 'test@minds.com',
+}
+
+const loginForm = {
+ password: 'minds-form-login .m-login-box .mdl-cell:last-child input',
+ username: 'minds-form-login .m-login-box .mdl-cell:first-child input',
+ submit: 'minds-form-login .m-btn--login',
+}
+
+const poster = {
+ textArea: 'm-text-input--autocomplete-container textarea',
+ postButton: '.m-posterActionBar__PostButton',
+}
+
+/**
+ * Logs a user in.
+ * @param { boolean } canary - Currently not required
+ * @param { string } username - The username.
+ * @param { string } password - The users password.
+ * @returns void
+ */
+Cypress.Commands.add('login', (canary = false, username, password) => {
+ username = username ? username : Cypress.env().username;
+ password = password ? password : Cypress.env().password;
  cy.setCookie('staging', "1"); // Run in stagin mode. Note: does not impact review sites
 
  cy.visit('/login');
@@ -35,9 +81,10 @@ Cypress.Commands.add('login', (canary) => {
  cy.server();
  cy.route("POST", "/api/v1/authenticate").as("postLogin");
 
- cy.get('minds-form-login .m-login-box .mdl-cell:first-child input').type(Cypress.env().username);
- cy.get('minds-form-login .m-login-box .mdl-cell:last-child input').type(Cypress.env().password);
- cy.get('minds-form-login .m-btn--login').click();
+ cy.get(loginForm.username).type(username);
+ cy.get(loginForm.password).type(password);
+ 
+ cy.get(loginForm.submit).click();
 
  cy.wait('@postLogin').then((xhr) => {
  expect(xhr.status).to.equal(200);
@@ -45,31 +92,137 @@ Cypress.Commands.add('login', (canary) => {
  });
 });
 
+/**
+ * Logs a user out of their session using the menu.
+ * @returns void
+ */
+Cypress.Commands.add('logout', () => {
+ cy.get(nav.hamburgerMenu).click();
+ cy.get(nav.logoutButton).click(); 
+});
+
+/**
+ * Register a user, be sure to delete the user following this.
+ * 
+ * ! LOG-OUT PRIOR TO CALLING !
+ * 
+ * @param { string } username - The username. Note that the requested username will NOT be freed up upon deletion
+ * @param { string } password - The users password.
+ * @returns void
+ */
+Cypress.Commands.add('newUser', (username = '', password = '') => {
+ cy.visit('/login');
+ 
+ cy.location('pathname', { timeout: 30000 })
+ .should('eq', `/login`);
+
+ cy.server();
+ cy.route("POST", '**/api/v1/register').as('registerPOST');
+ 
+ cy.get(registerForm.username).focus().type(username);
+ cy.get(registerForm.email).focus().type(defaults.email);
+ cy.get(registerForm.password).focus().type(password);
+ cy.wait(500); // give second password field chance to appear - not tied to a request.
+
+ cy.get(registerForm.password2).focus().type(password);
+ cy.get(registerForm.checkbox).click({force: true});
+
+ //submit.
+ cy.get(registerForm.submitButton).click({force: true})
+ .wait('@registerPOST').then((xhr) => {
+ expect(xhr.status).to.equal(200);
+ expect(xhr.response.body.status).to.deep.equal("success");
+ });
+
+ //onboarding modal shown.
+ cy.get(onboarding.welcomeTextContainer)
+ .contains(onboarding.welcomeText);
+ 
+ //skip onboarding.
+ cy.get(onboarding.nextButton).click()
+ cy.get(onboarding.nextButton).click()
+ cy.get(onboarding.nextButton).click()
+ cy.get(onboarding.nextButton).click()
+});
+
 Cypress.Commands.add('preserveCookies', () => {
  Cypress.Cookies.preserveOnce('staging', 'minds_sess', 'mwa', 'XSRF-TOKEN');
 });
 
+/**
+ * Deletes a user. Use carefully on sandbox or you may lose your favorite test account.
+ * 
+ * ! LOG-IN PRIOR TO CALLING !
+ * 
+ * @param { string } username - The username. TODO: when both params provided log the user in too
+ * @param { string } password - The password.
+ * @returns void
+ */
+Cypress.Commands.add('deleteUser', (username, password) => { 
+ cy.server();
+ cy.route("POST", '**/api/v2/settings/password/validate').as('validatePost');
+ cy.route("POST", '**/api/v2/settings/delete').as('deletePOST');
+
+ cy.visit('/settings/disable');
+ cy.location('pathname', { timeout: 30000 })
+ .should('eq', `/settings/disable`);
+
+ cy.get(settings.deleteAccountButton).click({ force: true });
+ cy.get('#password').focus().type(password);
+
+ cy.get(settings.deleteSubmitButton).click({ force: true }) 
+ .wait('@validatePost').then((xhr) => {
+ expect(xhr.status).to.equal(200);
+ expect(xhr.response.body.status).to.deep.equal("success");
+ })
+ .wait('@deletePOST').then((xhr) => {
+ expect(xhr.status).to.equal(200);
+ expect(xhr.response.body.status).to.deep.equal("success");
+ });
+});
+
+
+/**
+ * Uploads a file.
+ * @param { string } selector - The selector.
+ * @param { string } fileName - the file-name.
+ * @param { string } type - the file-type.
+ * @returns void
+ */
 Cypress.Commands.add('uploadFile', (selector, fileName, type = '') => {
  cy.fixture(fileName).then((content) => {
- console.log("Content", fileName);
+ cy.log("Content", fileName);
  cy.get(selector).upload({
  fileContent: content, 
  fileName: fileName, 
- mimeType: type });
+ mimeType: type 
+ });
  });
 });
 
+/**
+ * Creates a new post. Must be logged in.
+ * @param { string } message - The message to be posted
+ * @returns void
+ */
 Cypress.Commands.add('post', (message) => {
  cy.server();
  cy.route("POST", '**/v1/newsfeed**').as('postActivity');
- cy.get('m-text-input--autocomplete-container textarea').type(message);
- cy.get('.m-posterActionBar__PostButton').click();
+ cy.get(poster.textArea).type(message);
+ cy.get(poster.postButton).click();
  cy.wait('@postActivity').then((xhr) => {
  expect(xhr.status).to.equal(200);
  expect(xhr.response.body.status).to.deep.equal("success");
  });
 });
 
+/**
+ * Converts base64 to blob format
+ * @param { string } b64Data - The base64 data.
+ * @param { string } contentType - The type of content.
+ * @param { number } sliceSize - The size of the slice.
+ * @returns void
+ */
 function b64toBlob(b64Data, contentType, sliceSize = 512) {
  const byteCharacters = atob(b64Data);
  const byteArrays = [];

cypress/support/utilities.js

+/**
+ * @author Ben Hayward
+ * @create date 2019-08-10 00:38:46
+ * @modify date 2019-08-10 00:38:46
+ * @desc Space to put utilities and helper functions without cluttering up commands.js
+ */
+
+/**
+ * @returns a random 21 character string
+ */
+const generateRandomId = () => {
+ return Math.random().toString(36).substring(2, 15)
+ + Math.random().toString(36).substring(2, 15); 
+}
+export default generateRandomId;