chore(client): remove hours from C# cert (#51606)

2026-02-13 22:00:25 -05:00 · 2023-09-22 09:14:32 -05:00
parent 87efeac430
commit cf65ad4dbb
7 changed files with 382 additions and 19 deletions
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -750,6 +750,7 @@
    "verify": "Verify this certification at:",
    "issued": "Issued",
    "fulltext": "<0>This certifies that</0> <1>{{user}}</1> <2>successfully completed the</2> <3>{{title}}</3> <4>Developer Certification on {{time}}</4> <5>representing approximately {{completionTime}} hours of work</5>",
+    "fulltextNoHours": "<0>This certifies that</0> <1>{{user}}</1> <2>successfully completed the</2> <3>{{title}}</3> <4>Developer Certification on {{time}}</4>",
    "project": {
      "heading-legacy-full-stack": "As part of this Legacy Full Stack certification, {{user}} completed the following certifications:",
      "heading": "As part of this certification, {{user}} built the following projects and got all automated test suites to pass:",
--- a/client/src/assets/icons/freecodecamp.tsx
+++ b/client/src/assets/icons/freecodecamp.tsx
@@ -5,6 +5,7 @@ function FreeCodeCampLogo(
 ): JSX.Element {
  return (
    <svg
+      data-cy='freeCodeCamp-logo'
      height={24}
      version='1.1'
      viewBox='0 0 210 24'
--- a/client/src/assets/icons/microsoft-logo.tsx
+++ b/client/src/assets/icons/microsoft-logo.tsx
@@ -5,6 +5,7 @@ function MicrosoftLogo(
 ): JSX.Element {
  return (
    <svg
+      data-cy='microsoft-logo'
      version='1.1'
      viewBox='0 0 610 130'
      xmlns='http://www.w3.org/2000/svg'
--- a/client/src/client-only-routes/show-certification.tsx
+++ b/client/src/client-only-routes/show-certification.tsx
@@ -341,7 +341,14 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
          </header>
          <main className='information'>
            <div className='information-container'>
-              <Trans i18nKey='certification.fulltext' title={certTitle}>
+              <Trans
+                i18nKey={
+                  isMicrosoftCert
+                    ? 'certification.fulltextNoHours'
+                    : 'certification.fulltext'
+                }
+                title={certTitle}
+              >
                <h3>placeholder</h3>
                <h1>
                  <strong>{{ user: displayName }}</strong>
@@ -378,6 +385,7 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
                <>
                  <div>
                    <Image
+                      data-cy='quincy-signature'
                      alt="Quincy Larson's Signature"
                      src={
                        'https://cdn.freecodecamp.org' +
@@ -393,6 +401,7 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
                  </div>
                  <div className='microsoft-signature'>
                    <Image
+                      data-cy='microsoft-signature'
                      alt="Julia Liusons's Signature"
                      src={
                        'https://cdn.freecodecamp.org' +
@@ -411,6 +420,7 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
              ) : (
                <div>
                  <Image
+                    data-cy='quincy-signature'
                    alt="Quincy Larson's Signature"
                    src={
                      'https://cdn.freecodecamp.org' +
--- a/client/src/client-only-routes/show-project-links.tsx
+++ b/client/src/client-only-routes/show-project-links.tsx
@@ -175,7 +175,7 @@ const ShowProjectLinks = (props: ShowProjectLinksProps): JSX.Element => {
  if (!isCertName(certName)) return <div> Unknown Certification</div>;

  return (
-    <div>
+    <div data-cy='solution-widget'>
      {t(
        certName === 'Legacy Full Stack'
          ? 'certification.project.heading-legacy-full-stack'
--- a/cypress/e2e/default/show-certification.ts
+++ b/cypress/e2e/default/show-certification.ts
@@ -1,16 +1,75 @@
-const certifiedUser = '/certification/certifieduser/responsive-web-design';
+const rwdCert = '/certification/certifieduser/responsive-web-design';
+const cSharpCert =
+  '/certification/certifieduser/foundational-c-sharp-with-microsoft';
+
+const elements = {
+  fccLogo: "[data-cy='freeCodeCamp-logo']",
+  msLogo: "[data-cy='microsoft-logo']",
+  issueDate: "[data-cy='issue-date']",
+  quincySign: "[data-cy='quincy-signature']",
+  msSign: "[data-cy='microsoft-signature']",
+  solutionWidget: "[data-cy='solution-widget']"
+};
+
+const verifyRwdUrl =
+  'https://freecodecamp.org/certification/certifieduser/responsive-web-design';
+const verifyCSharpUrl =
+  'https://freecodecamp.org/certification/certifieduser/foundational-c-sharp-with-microsoft';

 describe('A certification,', function () {
  before(() => {
    cy.task('seed', ['certified-user']);
  });

-  describe('while viewing your own,', function () {
-    beforeEach(() => {
+  describe('while viewing your Responsive Web Design Certification,', function () {
+    before(() => {
      cy.login();
+      cy.visit(rwdCert);
    });
+
+    it('should render a donate section', () => {
+      cy.get('.donation-section').should('exist');
+    });
+
+    it('should have a freeCodeCamp logo', () => {
+      cy.get(elements.fccLogo).should('exist');
+    });
+
+    it('should not have a Microsoft logo', () => {
+      cy.get(elements.msLogo).should('not.exist');
+    });
+
+    it('should be issued with the submission date', () => {
+      const issued = `Developer Certification on August 3, 2018`;
+      cy.get(elements.issueDate).should('include.text', issued);
+    });
+
+    it('should be issued with the number of hours undertaken', () => {
+      const hours = '300 hours';
+      cy.get('.information-container').should('include.text', hours);
+    });
+
+    it('should have a QR code', () => {
+      cy.get('.qr-code').should('exist');
+    });
+
+    it("should have Quincy's signature", () => {
+      cy.get(elements.quincySign).should('exist');
+    });
+
+    it('should not have a Microsoft signature', () => {
+      cy.get(elements.msSign).should('not.exist');
+    });
+
+    it('should have the freeCodeCamp ribbon', () => {
+      cy.get('.ribbon').should('exist');
+    });
+
+    it('should have a link to the certification', () => {
+      cy.get('.verify').should('include.text', verifyRwdUrl);
+    });
+
    it('should render a LinkedIn button', function () {
-      cy.visit(certifiedUser);
      cy.contains('Add this certification to my LinkedIn profile')
        .should('have.attr', 'href')
        .and(
@@ -21,7 +80,6 @@ describe('A certification,', function () {
    });

    it('should render a Twitter button', function () {
-      cy.visit(certifiedUser);
      cy.contains('Share this certification on Twitter').should(
        'have.attr',
        'href',
@@ -29,22 +87,88 @@ describe('A certification,', function () {
      );
    });

-    it('should be issued with the submission date', () => {
-      cy.visit(certifiedUser);
-      const issued = `Developer Certification on August 3, 2018`;
-      cy.get('[data-cy=issue-date]').should('include.text', issued);
-    });
-
-    it('should be issued with the number of hours undertaken', () => {
-      cy.visit(certifiedUser);
-      const hours = '300 hours';
-      cy.get('.information-container').should('include.text', hours);
+    it('should render the solution widget', () => {
+      cy.get(elements.solutionWidget).should('exist');
    });
  });

-  describe("while viewing someone else's,", function () {
+  describe('while viewing your Foundational C# with Microsoft Certification,', function () {
    before(() => {
-      cy.visit(certifiedUser);
+      cy.login();
+      cy.visit(cSharpCert);
+    });
+
+    it('should render a donate section', () => {
+      cy.get('.donation-section').should('exist');
+    });
+
+    it('should have a freeCodeCamp logo', () => {
+      cy.get(elements.fccLogo).should('exist');
+    });
+
+    it('should have a Microsoft logo', () => {
+      cy.get(elements.msLogo).should('exist');
+    });
+
+    it('should be issued with the submission date', () => {
+      const issued = `Developer Certification on September 18, 2023`;
+      cy.get(elements.issueDate).should('include.text', issued);
+    });
+
+    it('should not show the number of hours undertaken', () => {
+      cy.get('.information-container').should('not.include.text', 'hours');
+    });
+
+    it('should not have a QR code', () => {
+      cy.get('.qr-code').should('not.exist');
+    });
+
+    it("should have Quincy's signature", () => {
+      cy.get(elements.quincySign).should('exist');
+    });
+
+    it('should have a Microsoft signature', () => {
+      cy.get(elements.msSign).should('exist');
+    });
+
+    it('should not have the freeCodeCamp ribbon', () => {
+      cy.get('.ribbon').should('not.exist');
+    });
+
+    it('should have a link to the certification', () => {
+      cy.get('.verify').should('include.text', verifyCSharpUrl);
+    });
+
+    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=Foundational%20C%23%20with%20Microsoft&organizationId=4831032&issueYear=\d\d\d\d&issueMonth=\d\d?&certUrl=https:\/\/freecodecamp\.org\/certification\/certifieduser\/foundational-c-sharp-with-microsoft/
+        );
+    });
+
+    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 Foundational%20C%23%20with%20Microsoft certification @freeCodeCamp! Check it out here: https://freecodecamp.org/certification/certifieduser/foundational-c-sharp-with-microsoft'
+      );
+    });
+
+    it('should render the solution widget', () => {
+      cy.get(elements.solutionWidget).should('exist');
+    });
+  });
+
+  describe("while viewing someone else's Responsive Web Design Certification,", function () {
+    before(() => {
+      cy.visit(rwdCert);
+    });
+
+    it('should not render a donate section', () => {
+      cy.get('.donation-section').should('not.exist');
    });

    it('should display certificate', function () {
@@ -61,5 +185,9 @@ describe('A certification,', function () {
    it('should not render a Twitter button', function () {
      cy.contains('Share this certification on Twitter').should('not.exist');
    });
+
+    it('should render the solution widget', () => {
+      cy.get(elements.solutionWidget).should('exist');
+    });
  });
 });
--- a/tools/scripts/seed/certified-user-data.js
+++ b/tools/scripts/seed/certified-user-data.js
@@ -9916,6 +9916,228 @@ module.exports = {
      id: '606243f50267e718b1e755f4',
      challengeType: 7,
      files: []
+    },
+    {
+      id: '647f85d407d29547b3bee1bb',
+      solution:
+        'https://learn.microsoft.com/api/gamestatus/achievements/learn.wwl.get-started-c-sharp-part-1.trophy?username=moT01&locale=en-us',
+      completedDate: 1695064765244
+    },
+    {
+      id: '647e239e8acb466c97ccbf05',
+      completedDate: 1695064829390
+    },
+    {
+      id: '647e238f8acb466c97ccbf04',
+      completedDate: 1695064849296
+    },
+    {
+      id: '647e23828acb466c97ccbf03',
+      completedDate: 1695064852639
+    },
+    {
+      id: '647e23788acb466c97ccbf02',
+      completedDate: 1695064856424
+    },
+    {
+      id: '647e235a8acb466c97ccbf00',
+      completedDate: 1695064861958
+    },
+    {
+      id: '647e236d8acb466c97ccbf01',
+      completedDate: 1695064864950
+    },
+    {
+      id: '647e21f88acb466c97ccbeeb',
+      completedDate: 1695064876515
+    },
+    {
+      id: '647e21c48acb466c97ccbee7',
+      completedDate: 1695064880298
+    },
+    {
+      id: '647e21ba8acb466c97ccbee6',
+      completedDate: 1695064883688
+    },
+    {
+      id: '647e22058acb466c97ccbeec',
+      completedDate: 1695064886045
+    },
+    {
+      id: '647e21df8acb466c97ccbee9',
+      completedDate: 1695064888237
+    },
+    {
+      id: '647e21eb8acb466c97ccbeea',
+      completedDate: 1695064890737
+    },
+    {
+      id: '647e21d08acb466c97ccbee8',
+      completedDate: 1695064894620
+    },
+    {
+      id: '647f87dc07d29547b3bee1bf',
+      solution:
+        'https://learn.microsoft.com/api/gamestatus/achievements/learn.wwl.get-started-c-sharp-part-2.trophy?username=moT01&locale=en-us',
+      completedDate: 1695064900926
+    },
+    {
+      id: '647e21708acb466c97ccbee3',
+      completedDate: 1695064919032
+    },
+    {
+      id: '647e21658acb466c97ccbee2',
+      completedDate: 1695064922948
+    },
+    {
+      id: '647e214b8acb466c97ccbee0',
+      completedDate: 1695064926971
+    },
+    {
+      id: '647e218f8acb466c97ccbee5',
+      completedDate: 1695064931632
+    },
+    {
+      id: '647e1f4e8acb466c97ccbedf',
+      completedDate: 1695064937887
+    },
+    {
+      id: '647e217e8acb466c97ccbee4',
+      completedDate: 1695064943252
+    },
+    {
+      id: '647e21598acb466c97ccbee1',
+      completedDate: 1695064947396
+    },
+    {
+      id: '647f882207d29547b3bee1c0',
+      solution:
+        'https://learn.microsoft.com/api/gamestatus/achievements/learn.wwl.get-started-c-sharp-part-3.trophy?username=moT01&locale=en-us',
+      completedDate: 1695064949460
+    },
+    {
+      id: '647e23188acb466c97ccbefa',
+      completedDate: 1695064958629
+    },
+    {
+      id: '647e23248acb466c97ccbefb',
+      completedDate: 1695064963473
+    },
+    {
+      id: '647e23508acb466c97ccbeff',
+      completedDate: 1695064967029
+    },
+    {
+      id: '647e232c8acb466c97ccbefc',
+      completedDate: 1695064971575
+    },
+    {
+      id: '647e23438acb466c97ccbefe',
+      completedDate: 1695064977375
+    },
+    {
+      id: '647e23368acb466c97ccbefd',
+      completedDate: 1695064981893
+    },
+    {
+      id: '647e230c8acb466c97ccbef9',
+      completedDate: 1695064984337
+    },
+    {
+      id: '647f867a07d29547b3bee1bc',
+      solution:
+        'https://learn.microsoft.com/api/gamestatus/achievements/learn.wwl.get-started-c-sharp-part-4.trophy?username=moT01&locale=en-us',
+      completedDate: 1695064986634
+    },
+    {
+      id: '647e226a8acb466c97ccbef1',
+      completedDate: 1695065005456
+    },
+    {
+      id: '647e224b8acb466c97ccbeef',
+      completedDate: 1695065010582
+    },
+    {
+      id: '647e223c8acb466c97ccbeee',
+      completedDate: 1695065016929
+    },
+    {
+      id: '647e225e8acb466c97ccbef0',
+      completedDate: 1695065019309
+    },
+    {
+      id: '647e22338acb466c97ccbeed',
+      completedDate: 1695065024538
+    },
+    {
+      id: '647f877f07d29547b3bee1be',
+      solution:
+        'https://learn.microsoft.com/api/gamestatus/achievements/learn.wwl.get-started-c-sharp-part-5.trophy?username=moT01&locale=en-us',
+      completedDate: 1695065026465
+    },
+    {
+      id: '647e22c08acb466c97ccbef7',
+      completedDate: 1695065036502
+    },
+    {
+      id: '647e22b38acb466c97ccbef6',
+      completedDate: 1695065038793
+    },
+    {
+      id: '647e22a08acb466c97ccbef5',
+      completedDate: 1695065045073
+    },
+    {
+      id: '647e228a8acb466c97ccbef3',
+      completedDate: 1695065047728
+    },
+    {
+      id: '647e22958acb466c97ccbef4',
+      completedDate: 1695065052249
+    },
+    {
+      id: '647e22778acb466c97ccbef2',
+      completedDate: 1695065057986
+    },
+    {
+      id: '647f86ff07d29547b3bee1bd',
+      solution:
+        'https://learn.microsoft.com/api/gamestatus/achievements/learn.wwl.get-started-c-sharp-part-6.trophy?username=moT01&locale=en-us',
+      completedDate: 1695065060157
+    },
+    {
+      id: '647e22d18acb466c97ccbef8',
+      challengeType: 17,
+      completedDate: 1695065170436,
+      examResults: {
+        numberOfCorrectAnswers: 70,
+        numberOfQuestionsInExam: 80,
+        percentCorrect: 87.5,
+        passingPercent: 70,
+        passed: true,
+        examTimeInSeconds: 2195
+      }
+    },
+    {
+      completedDate: 1695065177436,
+      id: '647f7da207d29547b3bee1ba',
+      challengeType: 7,
+      files: []
+    }
+  ],
+  completedExams: [
+    {
+      id: '647e22d18acb466c97ccbef8',
+      challengeType: 17,
+      completedDate: 1695065170436,
+      examResults: {
+        numberOfCorrectAnswers: 70,
+        numberOfQuestionsInExam: 80,
+        percentCorrect: 87.5,
+        passingPercent: 70,
+        passed: true,
+        examTimeInSeconds: 2195
+      }
    }
  ],
  portfolio: [],