(feat): e2e tests for pro (non standalone) (465b1bf3) · Commits · Minds / Minds Frontend

cypress/integration/pro/page.spec.js

+145 −16

Original line number	Diff line number	Diff line
		@@ -6,6 +6,99 @@ context('Pro Page', () => {

		const topBar = '.m-proChannel__topbar';

		let categories = [
		{ label: 'Technology', tag: '#technology' },
		{ label: 'Food', tag: '#food' },
		{ label: 'News', tag: '#news' }
		];

		let footerLinks = [
		{ label: 'Minds', link: 'https://www.minds.com/' },
		{ label: 'Careers', link: 'https://www.minds.com/careers' },
		];

		function resetSettings() {
		cy.visit(`/pro/settings`);

		cy.route("POST", "**/api/v2/pro/settings").as("settings");

		cy.get('#title').focus().clear().type('Title');
		cy.get('#headline').focus().clear().type('This is a headline');

		cy.contains('Hashtags')
		.click();

		// remove all hashtags
		removeInputs();

		for (let i = 0; i < categories.length; i++) {
		let cat = categories[i];
		addTag(cat.label, cat.tag, i);
		}
		cy.contains('Footer')
		.click();

		cy.get('#footer_text')
		.clear()
		.type('This is the footer text');

		// remove all footer links
		removeInputs();

		for (let i = 0; i < footerLinks.length; i++) {
		let link = footerLinks[i];
		addFooterLink(link.label, link.link, i);
		}

		cy.contains('Save')
		.click()
		.wait('@settings').then((xhr) => {
		expect(xhr.status).to.equal(200);
		expect(xhr.response.body).to.deep.equal({ status: 'success' });
		}
		);
		}

		function removeInputs() {
		cy.get('.m-draggableList__list .m-proSettings__field .m-proSettings__flexInputs').should('be.visible').within($el => {
		for (let i = $el.length - 1; i >= 0; i--) { // flexInput. Start from the last one
		let c = $el[i];
		for (let j = 0; j < c.children.length; j++) { // inputs and the X button
		let cc = c.children[j];
		if (cc.nodeName === 'I') { // if it's the X button, click on it
		cy.wrap(cc).click();
		}
		}
		}
		});
		}

		function addTag(label, tag, index) {
		cy.contains('+ Add Tag')
		.click();

		cy.get(`#tag-label-${index}`)
		.clear()
		.type(label);

		cy.get(`#tag-tag-${index}`)
		.clear()
		.type(tag);
		}

		function addFooterLink(label, link, index) {
		cy.contains('Add Link')
		.click();

		cy.get(`#footer_link-title-${index}`)
		.clear()
		.type(label);

		cy.get(`#footer_link-href-${index}`)
		.clear()
		.type(link);
		}

		before(() => {
		cy.clearCookies();
		cy.getCookie('minds_sess')
		@@ -14,7 +107,13 @@ context('Pro Page', () => {
		return cy.login(true);
		}
		});

		// after logging in, we need to get to settings and set everything up
		resetSettings();

		// go to pro page
		cy.visit(`/pro/${Cypress.env().username}`);

		cy.get(topBar);
		});

		@@ -24,7 +123,7 @@ context('Pro Page', () => {
		});

		it('should load the feed tab', () => {
		cy.route("GET", "*/api/v2/pro/content//activities/top**").as("activities");
		cy.route("GET", "*!/api/v2/pro/content/!!/activities/top**").as("activities");
		cy.contains('Feed')
		.click()
		.wait('@activities').then((xhr) => {
		@@ -33,7 +132,7 @@ context('Pro Page', () => {
		})

		it('should load the videos tab', () => {
		cy.route("GET", "*/api/v2/pro/content//videos/top**").as("videos");
		cy.route("GET", "*!/api/v2/pro/content/!!/videos/top**").as("videos");
		cy.contains('Videos')
		.click()
		.wait('@videos').then((xhr) => {
		@@ -48,10 +147,29 @@ context('Pro Page', () => {
		.wait('@images').then((xhr) => {
		expect(xhr.status).to.equal(200);
		});

		// should have sub-categories
		cy.get('m-pro--channel--categories > .m-proChannel__category').each(($el, $index) => {
		let c = categories.slice(0);
		c.unshift({ label: 'All', tag: '#all' });
		expect($el.text()).to.contain(c[$index].label);
		});

		cy.get('m-pro--channel .m-overlay-modal').should('not.be.visible');

		// click on tile
		cy.get('.m-proChannelListContent__list li:first-child m-pro--channel-tile').click();
		cy.wait(200);

		// media modal should appear
		cy.get('m-pro--channel .m-overlay-modal').should('be.visible');

		// close media modal
		cy.get('m-pro--channel .m-overlay-modal--close').click();
		})

		it('should load the articles tab', () => {
		cy.route("GET", "*/api/v2/pro/content//blogs/top**").as("blogs");
		cy.route("GET", "*!/api/v2/pro/content/!!/blogs/top**").as("blogs");
		cy.contains('Articles')
		.click()
		.wait('@blogs').then((xhr) => {
		@@ -60,11 +178,22 @@ context('Pro Page', () => {
		})

		it('should load the groups tab', () => {
		cy.route("GET", "*/api/v2/pro/content//groups/top**").as("groups");
		cy.route("GET", "*!/api/v2/pro/content/!!/groups/top**").as("groups");
		cy.contains('Groups')
		.click()
		.wait('@groups').then((xhr) => {
		expect(xhr.status).to.equal(200);
		});
		})

		it('should have a footer', () => {
		// should have a footer text
		cy.get('.m-pro--channel-footer--text').contains('This is the footer text');

		// should have footer links
		cy.get('.m-proChannel__footer .m-pro--channel-footer .m-pro--channel-footer--link').should('be.visible').each(($el, $index) => {
		expect($el.text()).to.contain(footerLinks[$index].label);
		expect($el.attr('href')).to.contain(footerLinks[$index].link);
		});
		})
		})