Automated Software Testing with Cypress

Set up a Cypress API testing project from scratch, install Cypress, configure the base URL, and create an API spec to make requests, read responses, and provide an access token.

Explore rest api testing with Cypress by sending a get request to a user endpoint, logging the response body and headers, and preparing for assertions on status codes and email.

Design and execute a Cypress API test get request to users/2, log the response body, and assert the id and email values, including a negative assertion.

Examine post request error handling by sending invalid data to the login API and expecting a 400. Verify missing password and disable fail on status code to keep tests running.

Practice calling a delete request in Cypress to remove a user and assert a 204 status, using an alias and endpoint /api/users/{id}.

Learn how a put request updates specific fields by sending modified data to an endpoint, as shown with /user/2, asserting status and a name update in the response.

Learn how to add a bearer token to Cypress requests, retrieve tokens via a post request, store the token, and pass it in subsequent requests to access guarded endpoints.

Develop a Cypress framework from scratch with TypeScript, installing dependencies, configuring prettier and tsconfig, and setting up project structure for real-world testing with a reporter.

Integrate mochawesome reporter with Cypress by configuring Cypress.json and requiring the Cypress mocha awesome reporter plugin in plugins, while disabling video recording and increasing default command timeout to 10 seconds.

Explore how to create and use Cypress custom commands with TypeScript by defining a namespace and interface, adding visit home page, login page, and feedback page commands, and enabling auto-complete.

Explore the app actions design pattern to automate submitting a feedback form in Cypress, using a four-parameter, type-safe interface and test steps, with fixtures coming later.

Set up intelligent code completion for Cypress by initializing the Cypress folders, running npx Cypress open, configuring Cypress.json, and creating PTS.Config.json.

Create custom Cypress helper commands for visibility and existence checks, and implement a unified set viewport function; then add a reusable login command to automate signing in with credentials.

Create a reusable navbar component with the page objects pattern in Cypress, exposing actions for clicking the logo, typing in the search box, and clicking sign in across pages.

Constructs a login page object under the page objects pattern, exposing login, forgot password, and error message methods, and extends the base page to reuse shared utilities.

Create and run the first end-to-end test in Cypress using the page objects pattern, validating login with invalid credentials and a successful login through a reusable base page and components.

Enhance your Cypress framework by adding cross-browser scripts in package.json to run tests in Chrome, Firefox, and Electron using the browser flag.

Define test scripts by editing package.json to run Cypress, plan image updates and image snapshot handling for terminal output, and set the stage for visual regression testing.

Fix plugin configuration in Cypress by correcting the plugin import and the support command import to use the slash plugin, ensuring tests run correctly.

Target and snapshot a single element with Cypress by using get to select the element and match image snapshot to capture only that element, such as an h1.

Disable the fail on snapshot flag in Cypress by passing an env flag in a ci run; setting it to false keeps tests green when snapshots fail, for debugging only.

Learn how to locally override matchImageSnapshot options in Cypress by passing an options object to customize threshold and threshold type (pixels or percentage), with production caveats.

Learn how to perform visual regression tests with Cypress using Percy snapshots, set up a test, run builds, view snapshots, and review or approve changes.

Explore continuous integration and continuous delivery, showing how automated build, tests, and deployment with providers like Jenkins, Travis, and CircleCI enable small, frequent releases.

Explore Jenkins, CircleCI, and Travis, comparing pros, cons, cloud-based and on-prem options, plugin ecosystems, and YAML configurations to guide you in choosing a CI/CD solution.

Set up a Cypress project from scratch, create package.json, install Cypress, and configure npm scripts to run tests headlessly, then connect to the Cyprus dashboard service.

Connect your Cypress project to the dashboard by creating a project record, choosing private access, adding a dashboard script in package.json, and recording runs that sync to the dashboard.

Enable Cypress video recording and upload to the dashboard, then run a single spec with the spec flag and record option to view and debug the test video.

Connect Cypress to Jenkins by setting up a Jenkins server, creating a freestyle build, and running npm run ci run, then learn to parameterize builds for different browsers.

Configure Jenkins to run Cypress tests with parameterized browser scripts for Chrome, Firefox, and Electron. Update the shell to use the chosen script, enabling browser selection at build time.

Execute Cypress tests inside a Docker container by building a Docker image, verifying Cypress, and running tests that pass, with caching for faster iterations.