feat: add button to add cert to LinkedIn profile (#39466)

cypress/integration/ShowCertification.js

@@ -0,0 +1,88 @@
+/* global cy */
+
+describe('A certification,', function() {
+  describe('while viewing your own,', function() {
+    before(() => {
+      cy.visit('/');
+      cy.contains("Get started (it's free)").click({ force: true });
+      cy.contains('Update my account settings').click({ force: true });
+
+      // 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);
+        }
+      });
+
+      // fill in legacy front end form
+      cy.get('#dynamic-legacy-front-end input').each(el => {
+        cy.wrap(el)
+          .clear({ force: true })
+          .type('https://nhl.com', { force: true, delay: 0 });
+      });
+
+      // if "Save Progress" button exists
+      cy.get('#dynamic-legacy-front-end').then(form => {
+        if (form[0][10] && form[0][10].innerHTML === 'Save Progress') {
+          form[0][10].click({ force: true });
+          cy.wait(1000);
+        }
+      });
+
+      // if "Claim Certification" button exists
+      cy.get('#dynamic-legacy-front-end').then(form => {
+        if (form[0][10] && form[0][10].innerHTML === 'Claim Certification') {
+          form[0][10].click({ force: true });
+          cy.wait(1000);
+        }
+      });
+
+      cy.get('#button-legacy-front-end')
+        .contains('Show Certification')
+        .click({ force: true });
+    });
+
+    it('should render a LinkedIn button', function() {
+      cy.contains('Add this certification to my LinkedIn profile').should(
+        'have.attr',
+        'href',
+        'https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&name=Legacy Front End&organizationId=4831032&issueYear=2020&issueMonth=8&certUrl=https://freecodecamp.org/certification/developmentuser/legacy-front-end'
+      );
+    });
+
+    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 Legacy Front End certification @freeCodeCamp! Check it out here: https://freecodecamp.org/certification/developmentuser/legacy-front-end'
+      );
+    });
+  });
+
+  describe("while viewing someone else's,", function() {
+    before(() => {
+      cy.go('back');
+      cy.contains('Sign me out of freeCodeCamp').click({ force: true });
+      cy.visit('/certification/developmentuser/legacy-front-end');
+    });
+
+    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');
+    });
+  });
+});