Friday Finance QA Engineer Challenge

This repository contains a resolution for Friday Finance QA Engineer Challenge.

Test specifications

For this challenge I choose to verify the following features/requirements:

Cookies banner

In order to comply to GDPR we must show a banner asking user consent to store cookies. For this requirement, 2 scenarios will be tested:

1. User accept cookies: verify whether and what cookies are stored
2. User deny cookies: no cookie should be stored

Home visual regression

In order to check if every element is on the right place, with right colors. This does not check any feature. Just the layout.

This check uses cypress-percy

You can join Percy using this link: https://accounts.browserstack.com/jointeam/bd5feede86f322464cece0f4659d662d The link is valid till 2023-02-24 15:09:12 UTC

Home accessibility check

In order to verify the accessibility compliance. This check uses cypress-axe plugin.

Running the project

To run this project, you can choose the 3 ways below, from easier to harder:

1. GitHub Actions
2. GitHub Codespaces
3. Devcontainer in VS Code
4. Locally in your machine

GitHub Actions

This is the easiest way because you can run the project basically with only one click.

1. Go to the Actions tab
2. Click on Friday Finance Cypress tests on the left menu
3. Click on Run workflow button on the right in the blue bar
4. Click on the Run workflow green button.

After the workflow finishes, an zip file will be generated containing the Cypress run videos. You can download it at the button of the chosen run.

GitHub Codespaces

When you click the <> Code button on GitHub do clone the project, you will see the Codespaces tab. Click on it. Then choose Create a Codespace on main.

Everything needed to run this project will be installed and a web version of VS Code will be open. Just type, in terminal

npm test

Devcontainer in VS Code

ATTENTION: you MUST have docker installed to run this way

In VS Code, at the bottom left corner, you will see a green icon with these signs ><. Click on it then choose Reopen in container and wait the process end.

Everything needed to run this project will be installed and VS Code will be open inside a Docker container. Just type, in terminal

npm test

Locally in your machine

Prerequisites:

• NodeJS, preferentially installed through a node version manage, like nvm or n

If you already have NodeJS installed via nvm, type

nvm use

to install the NodeJS version used in this repository (v18.14.0). Having other NodeJS version should not be a problem.

To install dependencies, type

npm i

Running in headless mode

For run in headless mode, just type

npm test

The run videos will be stored in cypress/videos folder (default folder)

Running in interactive mode

First, you need to open Cypress by typing

npx cypress open

then

1. Choose E2E Tests
2. Select a browser and click on `Start E2E testing in [selected browser] (tested with Chrome and Electron)
3. Click on the play button to run all specs, or select one spec to run from the table.

Issues

Some issues found on website during exploratory tests were registered on this repository issues tab