Generate UI functional test using cypress for a specific page.

generate functional test for a UI page that is built using a react framework

Created Jan 25, 2025 • Updated Jan 25, 2025 • by Nihit Kasabwala

Review the ui component at @workspace/<location of the component file .tsx or .jsx> and generate cypress based functional test. To mock the response from / GET call use the fixture defined in @workspace/location of the fixture. The cyrpress.config.ts is already defined in @workspace/. This new functional test should be written to in the @workspace/ folder. If there are any environment variables to written to the cypress config file, please list them separately. If you need data-testid to reference any component in the cy.get selectors, please provide those recommendations, do not assume they exist.

At this point, you already have a fixture defined and initial scaffolding for the functional test setup which includes installing cypress.io (npm install cypress) and the cypress.config.ts is already created in the project folder.

Install Prompt

Add this prompt to your Amazon Q CLI prompt library:

1. Download to local prompt library:

mkdir -p .amazonq/cli-prompts && curl -o .amazonq/cli-prompts/generate-ui-functional-test-using-cypress-for-a-specific-page.md https://promptz.dev/prompts/testing/generate-ui-functional-test-using-cypress-for-a-specific-page/

2. Use with Q CLI:

q prompts use generate-ui-functional-test-using-cypress-for-a-specific-page

Generate UI functional test using cypress for a specific page.

Install Prompt

1. Download to local prompt library:

2. Use with Q CLI:

Related Content

Add unit test

Parameterize Like a Pro: Generating JUnit 5 Tests

Parameterize Like a Pro: Supercharge Your JUnit 5 Tests!