Help Migrate Cypress to Playwright

[raisedadead]

Hello, fellow contributors!

House rules and notes

• We do not assign files and issues. Just pick one that you want to work on.
• Reviewers will prioritize PRs by quality, then by the date opened.
• Keep @mentions to a minimum. We know you are excited, and we are grateful for your work.
• Your PR should ideally be titled: test(e2e,playwright): <name-of-the-component->
• If you read and understood all the above, leave a comment mentioning camperbot cant code in your PR.

All contributions should follow our contributing guidelines.

This year, we are focusing on improving our End-to-End testing with Playwright. We have created a guide that you can follow to write your first test from scratch for the freeCodeCamp repo: https://contribute.freecodecamp.org/#/how-to-add-playwright-tests

After reading the guide, select one item from the component lists below. Create the test, and make a PR.

You may work on your changes through GitPod or locally.

We will review your PRs during the next few weeks. Thanks for your patience, and happy contributing!

Tips to streamline the review process:

If we have requested changes on your PR, and those changes include suggestions, you can switch to the files tab and add the suggestions to a batch commit. This allows you to commit all of the suggestions at once, instead of individually, which saves us CI runners.

Additionally, with the exception of conflicts, failing CI, or maintainer requests, you do not need to consistently keep your PR branch up to date with main. Each merge commit triggers another actions run, which might delay your PR getting reviewed.

Requesting tests for each item in each list:

Note 🧙🏽: You should be able to do a simple search with the item name, which will lead you to the file in the codebase.

• tags.js
• legacy/redirects/adding-development.js
• landing.ts
• show-certification.ts
• top-contributor.ts
• learn/index.ts
• settings/certifications.ts
• settings/email-change.ts
• settings/image-picture-check.ts
• settings/portfolio.ts
• settings/scrollbar-width.ts
• settings/settings.ts
• settings/user-token.ts
• settings/username-change.ts
• user/certifications.ts
• user/privacy-terms.ts
• user/report-user.ts
• legacy/redirects/challenges.ts
• learn/challenges/backend.ts
• learn/challenges/c-sharp-exam.ts
• learn/challenges/c-sharp.ts
• learn/challenges/code-storage.ts
• learn/challenges/codeally.ts
• learn/challenges/failed-updates.ts
• learn/challenges/javascript.ts
• learn/challenges/lower-jaw.ts
• learn/challenges/multifile-cert-project.ts
• learn/challenges/multifile.ts
• learn/challenges/navigation.ts
• learn/challenges/output.ts
• learn/challenges/progress-bar.ts
• learn/challenges/project-preview.ts
• learn/challenges/projects.ts
• learn/challenges/sass.ts
• learn/coding-interview-prep/intro-page.ts
• learn/common-components/editor.ts
• learn/common-components/footer.ts
• learn/common-components/help-button.ts
• learn/common-components/navbar.ts
• learn/common-components/search-bar.ts
• learn/donate/donate-page-default.ts
• learn/donate/donate-page-donor.ts
• learn/donate/donation-block-completion-modal.ts
• learn/header/lang-selector.ts
• learn/header/universal-navigation.ts
• learn/redirects/breadcrumbs.ts
• learn/redirects/es6-to-basic-javascript.ts
• learn/redirects/heading-challenge.ts
• learn/responsive-web-design/intro-page.ts
• learn/responsive-web-design/show-cert-from-superblock.ts
• learn/responsive-web-design/basic-css/index.ts
• mobile-learn/test-challenges.js
• third-party/donate-page.ts

Need more clarifications or help?

Please join our official discord: https://discord.com/invite/freecodecamp-org-official-692816967895220344, and we have a very helpful team of fellow contributors willing to help you.

[raisedadead]

Quick Note:

Hactoberfest is a celebration of getting started with open-source. Just know that we are only one among the millions of open-source repositories on GitHub. There are millions more on GitLab.

We encourage you to check these links to explore even more opportunities during hacktoberfest and beyond hacktoberfest (in no particular order):

• gitlab.com/explore/projects/topics/hacktoberfest
• hacktoberfest-projects.vercel.app
• up-for-grabs.net/#
• firstissue.dev
• github.com/topics/hacktoberfest
• github.com/search?q=is%3Aissue%20label%3Ahacktoberfest&type=issues (This has 180,000 results)

There is a reasonable number of opportunities.

[raisedadead]

Tracking in #52905 which should not have been created in the first place, but people dont read :)