revert: (test, e2e) test suit for cypress (#42488)

This reverts commit 22b45761a7.
2021-06-14 23:44:43 +05:30
parent 3fc6877bb0
commit 3130265991
35 changed files with 55 additions and 367 deletions
--- a/cypress/integration/ShowCertification.js
+++ b/cypress/integration/ShowCertification.js
@ -0,0 +1,128 @@
+/* global cy */
+const certificationUrl = '/certification/developmentuser/responsive-web-design';
+const projects = {
+  superBlock: 'responsive-web-design',
+  block: 'responsive-web-design-projects',
+  challenges: [
+    {
+      slug: 'build-a-tribute-page',
+      solution: 'https://codepen.io/moT01/pen/ZpJpKp'
+    },
+    {
+      slug: 'build-a-survey-form',
+      solution: 'https://codepen.io/moT01/pen/LrrjGz?editors=1010'
+    },
+    {
+      slug: 'build-a-product-landing-page',
+      solution: 'https://codepen.io/moT01/full/qKyKYL/'
+    },
+    {
+      slug: 'build-a-technical-documentation-page',
+      solution: 'https://codepen.io/moT01/full/JBvzNL/'
+    },
+    {
+      slug: 'build-a-personal-portfolio-webpage',
+      solution: 'https://codepen.io/moT01/pen/vgOaoJ'
+    }
+  ]
+};
+
+describe('A certification,', function () {
+  before(() => {
+    cy.exec('npm run seed');
+    cy.login();
+
+    // submit projects for certificate
+    const { superBlock, block, challenges } = projects;
+    challenges.forEach(({ slug, solution }) => {
+      const url = `/learn/${superBlock}/${block}/${slug}`;
+      cy.visit(url);
+      cy.get('#dynamic-front-end-form')
+        .get('#solution')
+        .type(solution, { force: true, delay: 0 });
+      cy.contains("I've completed this challenge")
+        .should('not.be.disabled')
+        .click();
+      cy.contains('Submit and go to next challenge').click().wait(1000);
+    });
+    cy.get('.react-monaco-editor-container', { timeout: 60000 });
+    cy.visit('/settings');
+
+    // set user settings to public to claim a cert
+    cy.get('label:contains(Public)>input').each(el => {
+      if (!/toggle-active/.test(el[0].parentElement.className)) {
+        cy.wrap(el).click({ force: true });
+        cy.wait(1000);
+      }
+    });
+
+    // if honest policy not accepted
+    cy.get('.honesty-policy button').then(btn => {
+      if (btn[0].innerText === 'Agree') {
+        btn[0].click({ force: true });
+        cy.wait(1000);
+      }
+    });
+
+    // claim certificate
+    cy.get('a[href*="developmentuser/responsive-web-design"]').click({
+      force: true
+    });
+  });
+
+  describe('while viewing your own,', function () {
+    before(() => {
+      cy.login();
+      cy.visit(certificationUrl);
+    });
+
+    it('should render a LinkedIn button', function () {
+      cy.contains('Add this certification to my LinkedIn profile')
+        .should('have.attr', 'href')
+        .and(
+          'match',
+          // eslint-disable-next-line max-len
+          /https:\/\/www\.linkedin\.com\/profile\/add\?startTask=CERTIFICATION_NAME&name=Responsive Web Design&organizationId=4831032&issueYear=\d\d\d\d&issueMonth=\d\d?&certUrl=https:\/\/freecodecamp\.org\/certification\/developmentuser\/responsive-web-design/
+        );
+    });
+
+    it('should render a Twitter button', function () {
+      cy.contains('Share this certification on Twitter').should(
+        'have.attr',
+        'href',
+        'https://twitter.com/intent/tweet?text=I just earned the Responsive Web Design certification @freeCodeCamp! Check it out here: https://freecodecamp.org/certification/developmentuser/responsive-web-design'
+      );
+    });
+
+    it("should be issued with today's date", () => {
+      const date = new Date();
+      const issued = `Issued\xa0${new Intl.DateTimeFormat('en-US', {
+        month: 'long'
+      }).format(date)} ${date.getDate()}, ${date.getFullYear()}`;
+      cy.get('[data-cy=issue-date]').should('have.text', issued);
+    });
+  });
+
+  describe("while viewing someone else's,", function () {
+    before(() => {
+      cy.visit(certificationUrl);
+    });
+
+    it('should display certificate', function () {
+      cy.contains('has successfully completed the freeCodeCamp.org').should(
+        'exist'
+      );
+      cy.contains('Responsive Web Design').should('exist');
+    });
+
+    it('should not render a LinkedIn button', function () {
+      cy.contains('Add this certification to my LinkedIn profile').should(
+        'not.exist'
+      );
+    });
+
+    it('should not render a Twitter button', function () {
+      cy.contains('Share this certification on Twitter').should('not.exist');
+    });
+  });
+});