Home

Useful Links for Learning Cypress

Documentations

• Cypress Guide: https://docs.cypress.io/guides/getting-started/installing-cypress
• Folder Structure: https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests
• Elements: https://docs.cypress.io/guides/core-concepts/introduction-to-cypress#Querying-Elements
• Element Locators: https://www.browserstack.com/guide/find-html-element-using-cypress-locators
• Multiple Elements: https://webtips.dev/webtips/cypress/how-to-get-multiple-elements-in-cypress
• Get Text: https://medium.com/@anshita.bhasin/how-to-get-element-text-in-cypress-71c68814d20
• Element Enabled/Disabled: https://webtips.dev/webtips/cypress/check-if-buttons-are-disabled-in-cypress#
• Use xpath in cypress: https://www.npmjs.com/package/cypress-xpath
• Long press: https://docs.cypress.io/api/commands/trigger#Mouse-Events
• Select: https://docs.cypress.io/api/commands/select
• Alerts: https://testersdock.com/cypress-javascript-alert-confirm-prompt/
• Frame: https://www.npmjs.com/package/cypress-iframe
• Handling Inner Frame: https://stackoverflow.com/questions/76101081/how-to-handle-nested-iframes-in-cypress
• Drag and Drop: https://www.npmjs.com/package/@4tw/cypress-drag-drop

Setup/Fixes

• Github action setup: https://dev.to/leading-edje/run-your-cypress-tests-in-a-github-workflow-1838

Youtube Tutorials

• Cypress Complete Beginners Masterclass (Used as starting guide in this project): https://www.youtube.com/watch?v=tRI5ruE7yCA
• Testing JavaScript with Cypress – Full Course (Can be used as guide for cypress tests inside website code): https://www.youtube.com/watch?v=u8vMu7viCm8