Added capability for cross-browser support

[nehemiah-abuga]

PR Summary

This PR add the capability to run cypress automated tests in Chrome, Edge, and Firefox browsers both locally and in GitHub. To ensure the tests run concurrently for the three browsers, the cypress.yml workflow file has been modified to add containers where tests related to a particular browser runs in their respective container. Tests that use invoke command have been modified to use attribute for assertions.

• fixes #(https://github.com/GSA/usagov-benefits-eligibility/issues/913)

Type of change

• [x] Task
• [x] New feature

To Run Tests Locally: - In local the tests will run sequentially

Since these tests run on Chrome, Firefox and Edge, ensure you have the browsers installed on you local machine

• [x] Pull branch
• [x] start local
• [x] run npm run cy:run:cross-browser
• [x] Verify tests run against edge, firefox and edge in headless mode and that all tests pass. Below is a sample screenshot from Terminal

To Run the Tests in GitHub: - In GitHub the tests will run concurrently

• [ ] In the project Actions tab, select “Run Cypress Tests” workflow and run the workflow against “913-cypress-e2e-cross-browser” branch.

• [ ] Here are the results from the run

  

[github-actions[bot]]

Pa11y testing results

``` > usagov-benefits-eligibility@1.3.2 test:pa11y > pa11y http://localhost:3000/ Welcome to Pa11y > Running Pa11y on URL http://localhost:3000/ No issues found! ```

[github-actions[bot]]

Pa11y testing results

``` > usagov-benefits-eligibility@1.3.2 test:pa11y > pa11y http://localhost:3000/ Welcome to Pa11y > Running Pa11y on URL http://localhost:3000/ No issues found! ```