403-html / cypress-pop-example

Example of implementation page object pattern and our other custom methods in Cypress

Hello World! 👋

I'm Tymoteusz, a computer enthusiast who enjoys coding blunders and unexpected digital adventures. Embracing the spontaneity of "impulse" interactions has led me to some of the most memorable events of my life.

About Me

• 🤖 QA enthusiast with a focus on automation
• 🌪️ Process's flow lover
• 🌲 TypeScript Playwright (also Cypress) user
• 🐍 Python hobbyist
• 🍫 Sweets fan; a bajaderka junky

Academic Background

I completed my education at a IT technical high school, but I'm a firm believer in valuing experience over a degree. The real-world challenges and hands-on experiences have been my greatest teachers.

GitHub Stats

cypress-pop-example's Issues

[GA] Creating text reports in PRs

In summary

• MochaAwesome for creating JSON reports

• MochaAwesome-merge to merge JSON reports into one

• [blocker] Creating an npm package to convert JSON -> Markdown [huge task to do] - Done in separate repository

• Converting MochaAwesome JSON report to Markdown

• Reading the created markdown and putting it in PR using create-or-update-comment.

• (optional, not in the first round) Applying code for using Cypress Dashboard

Originally posted by @htd-tstepien in #18 (reply in thread)

Connect to Cypress sink for creating tests based on pop

example page: https://example.cypress.io/
intercept (buttons/networking): https://example.cypress.io/commands/network-requests

Add slower typing text

Average writing speed is 167ms: https://stackoverflow.com/a/4098779/5441779

Add download file feature

Add download file command using cypress-downloadfile or/and native approach

Add upload file examples

Add upload file example with cypress-file-upload, and/or with native Cypress API approach

Document it

What do we need?

• how to launch a project
• what is where, folders/files description, with links to their .md if they have it
• description of tests, inside test folder
• description of useful methods we have right now in separate .md and how we can use them
• description of useful methods on top of Cypress API we have right now in separate .md and how we can use them (example, using localStorage)
• description of pages objects
• changelog

Add example of regexp text selecting

cy.contains(/^TEXT$/)

Line ending force to LF - githubactions

Not working linking

if we have

#actionsPage.js

it'll not work

#actionspagejs

will work

Create method to use fixture

fixture of wanted names, for example in test is searching for button name, change it to use fixture

Open new tab in same tab

Cypress doesn't support new tab opening, so we should remove the new tab target

Tests are failing at PR open, at "create/update comment" step

Sample

Solution
peter-evans/create-or-update-comment#90 (comment)

Add usage of dayjs to change value of provided date

[GH] Investigate

https://github.com/marketplace/actions/cypress-io

Add the Cypress

Alias utils

• save value of elem (input) to alias
• save text of elem (div) to alias
• use saved alias

Add command to overwrite one property in fixture

-> readFile testData
example testData

{name: "John", surname: "Doe"}

-> you do an update of this name in the object you pulled from testData
changing name in testData obj we got

{name: "Max", surname: "Doe"}

-> you writeFile the updated object that overwrites the old one in testData
we got in testData

{name: "Max", surname: "Doe"}