Testing My Account Page & UI Elements Based on Auth State (Urdu/Hindi)

This post’s video is no longer on YouTube. The notes below are the post.

Course: Full Automation Testing of Web and Mobile App using Cypress and Vitest - NewsPaper Web and Mobile App Automation Testing Course

In this video, we focus on writing and executing test cases for the My Account page, testing UI elements based on user authentication state, and retrieving React router URLs in Cypress.

Key Topics Covered:

Writing My Account Data Update Success Test Case

  • Creating a test case to validate that when a user enters valid data and submits it, the backend updates the information correctly.

Testing UI Elements Based on User Auth State

  • Ensuring that the correct UI elements are displayed based on different user authentication states.

Getting React Router URL in Cypress

Demonstrating a trick to retrieve the ReactJS app router URL in Cypress tests:

  • Storing the needed information in a custom attribute by stringifying the data

  • Collecting and parsing this data in Cypress tests to access values not directly available via window.location

In this course, you'll learn to write full app automation test cases for End-to-End Testing, Component Testing, and Unit Testing.

Want us to build yours instead?

On a project, every milestone ends with a link to the working build, and the code, the accounts and every password are yours at the handover.

What we’d build for you is on Services.

Send us the brief, or start with the free call.

Page updated .

Privacy preferences

Choose whether this browser sends visit data to our analytics tools. The site works the same either way.

Google Analytics, Amplitude and Microsoft Clarity show us which pages get read. Off means none of the three loads.

Always on

Sentry error reports, with personal data removed, and the Cloudflare spam check on the brief form.

Each cookie is listed in our Cookie Policy.