chore: remove Cypress (freeCodeCamp#55056)

.devcontainer/Dockerfile

@@ -7,29 +7,28 @@ ARG MONGODB_VERSION=6.0.4
 ARG DEBIAN_FRONTEND=noninteractive
 
 RUN apt-get update && apt-get install -y sudo && \
-    sudo apt-get install -y ca-certificates curl gnupg && \
-    sudo mkdir -p /etc/apt/keyrings && \
-    curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg && \
-    echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main" | sudo tee /etc/apt/sources.list.d/nodesource.list && \
-    sudo apt-get update && \
-    sudo apt-get install nodejs -y && \
-    sudo apt-get install -y libcurl4 openssl liblzma5 && \
-    mkdir -p /tmp/mongodb && \
-    cd /tmp/mongodb && \
-    wget -qOmongodb.tgz https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-ubuntu2004-${MONGODB_VERSION}.tgz && \
-    tar -zxvf mongodb.tgz && \
-    cd mongodb-* && \
-    sudo cp bin/* /usr/local/bin/ && \
-    rm -rf /tmp/mongodb && \
-    sudo mkdir -p /data/db && \
-    sudo chown vscode:vscode -R /data/db
+  sudo apt-get install -y ca-certificates curl gnupg && \
+  sudo mkdir -p /etc/apt/keyrings && \
+  curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg && \
+  echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main" | sudo tee /etc/apt/sources.list.d/nodesource.list && \
+  sudo apt-get update && \
+  sudo apt-get install nodejs -y && \
+  sudo apt-get install -y libcurl4 openssl liblzma5 && \
+  mkdir -p /tmp/mongodb && \
+  cd /tmp/mongodb && \
+  wget -qOmongodb.tgz https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-ubuntu2004-${MONGODB_VERSION}.tgz && \
+  tar -zxvf mongodb.tgz && \
+  cd mongodb-* && \
+  sudo cp bin/* /usr/local/bin/ && \
+  rm -rf /tmp/mongodb && \
+  sudo mkdir -p /data/db && \
+  sudo chown vscode:vscode -R /data/db
 
 
 # Setup ENV
 ENV COOKIE_DOMAIN=github.dev
 ENV HOME_LOCATION=https://$CODESPACE_NAME-8000.$GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN
 ENV API_LOCATION=https://$CODESPACE_NAME-3000.$GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN
-ENV CYPRESS_BASE_URL=https://$CODESPACE_NAME-8000.$GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN
 ENV REACT_APP_CHALLENGE_EDITOR_API_LOCATION=https://$CODESPACE_NAME-3200.$GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN
 ENV CHALLENGE_EDITOR_CLIENT_LOCATION=https://$CODESPACE_NAME-3300.$GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN
 

.eslintrc.json

@@ -70,7 +70,6 @@
           "./api/tsconfig.json",
           "./shared/tsconfig.json",
           "./tools/client-plugins/browser-scripts/tsconfig.json",
-          "./cypress/tsconfig.json",
           "./e2e/tsconfig.json"
         ]
       },
@@ -94,13 +93,6 @@
       ],
       "rules": { "import/named": 2 }
     },
-    {
-      "files": ["cypress/**/*.js"],
-      "globals": {
-        "cy": true,
-        "Cypress": true
-      }
-    },
     {
       "files": ["e2e/*.ts"],
       "rules": {

.github/labeler.yml

@@ -12,7 +12,6 @@
   - api/**/*
 
 'scope: tools/scripts':
-  - cypress/**/*
   - tools/**/*
   - .github/**/*
   - utils/**/*

.gitignore

@@ -111,10 +111,6 @@ coverage
 # nyc test coverage
 .nyc_output
 
-# Cypress.io
-cypress/videos
-cypress/screenshots
-
 # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 .grunt
 

.gitpod.yml

@@ -26,7 +26,6 @@ tasks:
       export COOKIE_DOMAIN=gitpod.io
       export HOME_LOCATION=$(gp url 8000)
       export API_LOCATION=$(gp url 3000)
-      export CYPRESS_BASE_URL=$(gp url 8000)
       export CHALLENGE_EDITOR_API_LOCATION=$(gp url 3200)
       export CHALLENGE_EDITOR_CLIENT_LOCATION=$(gp url 3300)
       ' >> ~/.bashrc;
@@ -39,7 +38,7 @@ tasks:
       (mongod --dbpath /workspace/data &)
 
   - name: server
-    before: export COOKIE_DOMAIN=gitpod.io && export HOME_LOCATION=$(gp url 8000) && export API_LOCATION=$(gp url 3000) && export CYPRESS_BASE_URL=$(gp url 8000)
+    before: export COOKIE_DOMAIN=gitpod.io && export HOME_LOCATION=$(gp url 8000) && export API_LOCATION=$(gp url 3000)
     # init is not executed for prebuilt workspaces and restarts,
     # so we should put all the heavy initialization here
     init: >
@@ -55,7 +54,7 @@ tasks:
       pnpm run develop:server
 
   - name: client
-    before: export HOME_LOCATION=$(gp url 8000) && export API_LOCATION=$(gp url 3000) && export CYPRESS_BASE_URL=$(gp url 8000)
+    before: export HOME_LOCATION=$(gp url 8000) && export API_LOCATION=$(gp url 3000)
     init: >
       cd ./client &&
       gp sync-await pnpm-install &&

client/src/assets/icons/freecodecamp.tsx

@@ -5,7 +5,6 @@ function FreeCodeCampLogo(
 ): JSX.Element {
   return (
     <svg
-      data-cy='freeCodeCamp-logo'
       height={24}
       version='1.1'
       viewBox='0 0 210 24'

client/src/assets/icons/microsoft-logo.tsx

@@ -5,7 +5,6 @@ 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'

client/src/client-only-routes/show-certification.tsx

@@ -392,10 +392,7 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
                     }}
                   </strong>
                 </h1>
-                <h4
-                  data-cy={'issue-date'}
-                  data-playwright-test-label='issue-date'
-                >
+                <h4 data-playwright-test-label='issue-date'>
                   {{
                     time: certDate.toLocaleString([localeCode, 'en-US'], {
                       year: 'numeric',
@@ -414,7 +411,6 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
                 <>
                   <div>
                     <Image
-                      data-cy='quincy-signature'
                       data-playwright-test-label='quincy-signature'
                       alt="Quincy Larson's Signature"
                       src={
@@ -431,7 +427,6 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
                   </div>
                   <div className='microsoft-signature'>
                     <Image
-                      data-cy='microsoft-signature'
                       data-playwright-test-label='microsoft-signature'
                       alt="Julia Liusons's Signature"
                       src={
@@ -451,7 +446,6 @@ const ShowCertification = (props: ShowCertificationProps): JSX.Element => {
               ) : (
                 <div>
                   <Image
-                    data-cy='quincy-signature'
                     data-playwright-test-label='quincy-signature'
                     alt="Quincy Larson's Signature"
                     src={

client/src/client-only-routes/show-project-links.tsx

@@ -184,7 +184,7 @@ const ShowProjectLinks = (props: ShowProjectLinksProps): JSX.Element => {
   if (!isCertName(certName)) return <div> Unknown Certification</div>;
 
   return (
-    <div data-cy='solution-widget' data-playwright-test-label='project-links'>
+    <div data-playwright-test-label='project-links'>
       {t(getCertHeading(certName), { user: name })}
       <Spacer size='medium' />
       <Table striped>

client/src/components/Donation/donation-text-components.tsx

@@ -43,15 +43,11 @@ export const ThankYouMessage = ({
   const { t } = useTranslation();
   return (
     <>
-      <h1 data-playwright-test-label='main-head' data-cy='donate.thank-you'>
-        {t('donate.thank-you')}
-      </h1>
+      <h1 data-playwright-test-label='main-head'>{t('donate.thank-you')}</h1>
       {(askForDonation || thankContributon) && (
         <>
           <Spacer size='medium' />
-          <p data-cy='donate.crucial-contribution'>
-            {t('donate.crucial-contribution')}
-          </p>
+          <p>{t('donate.crucial-contribution')}</p>
         </>
       )}
       {askForDonation && <OtherWaysToSupport />}
@@ -63,13 +59,11 @@ export const OtherWaysToSupport = (): JSX.Element => {
   const { t } = useTranslation();
   return (
     <>
-      <p data-cy='donate.if-support-further'>
+      <p>
         <Trans i18nKey='donate.if-support-further'>
           <a href={t('links:donate.one-time-external-url')}>placeholder</a>
           <a href={t('links:donate.mail-check-url')}>placeholder</a>
-          <a data-cy='donate-link' href={t('links:donate.other-ways-url')}>
-            placeholder
-          </a>
+          <a href={t('links:donate.other-ways-url')}>placeholder</a>
         </Trans>
       </p>
     </>

client/src/components/Donation/multi-tier-donation-form.tsx

@@ -97,7 +97,6 @@ function SelectionTabs({
         <button
           className='text-center confirm-donation-btn donate-btn-group'
           type='submit'
-          data-cy='donation-tier-selection-button'
           onClick={() => setShowDonateForm(true)}
         >
           {isAnimationEnabled

client/src/components/Donation/stripe-card-form.tsx

@@ -157,7 +157,6 @@ export default function StripeCardForm({
       <button
         className='confirm-donation-btn'
         disabled={!stripe || !elements || isSubmitting}
-        data-cy='donation-confirmation-button'
         type='submit'
       >
         {t('buttons.donate')}

client/src/components/SolutionViewer/project-modal.tsx

@@ -30,12 +30,7 @@ const ProjectModal = ({
         <SolutionViewer challengeFiles={challengeFiles} solution={solution} />
       </Modal.Body>
       <Modal.Footer alignment='end'>
-        <Button
-          data-cy='solution-viewer-close-btn'
-          onClick={handleSolutionModalHide}
-        >
-          {t('buttons.close')}
-        </Button>
+        <Button onClick={handleSolutionModalHide}>{t('buttons.close')}</Button>
       </Modal.Footer>
     </Modal>
   );