Altinn / Altinn/app-frontend-react

Run Cypress tests on Safari and Firefox

Open
#313 1 comment 0 reactions 0 assignees View on GitHub
area/test
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

Currently our Cypress tests are only run on Chrome. To ensure apps work in other browsers, we should run tests on the most common browsers, Chrome, Firefox and Safari.

We recently had an incident where apps were broken on Safari browsers: https://github.com/Altinn/app-frontend-react/issues/312

### Additional Information

Cypress doesnt actually have support for Safari yet ([current supported browsers](https://docs.cypress.io/guides/guides/launching-browsers#Browsers), [github issue for Safari support](https://github.com/cypress-io/cypress/issues/6422)), so we need to figure out a way to work around this.
Some options:
- Write some smoke tests in a different framework for Safari
- Investigate if there are some adapters that can be used to run tests written in cypress on another framework (perhaps https://github.com/vladlearns/cypress-playwright can be used?)

### Tasks

_No response_

### Acceptance Criterias

- [ ] End2End tests are run on Safari as part of Github workflow
- [ ] End2End tests are run on Chrome as part of Github workflow
- [ ] End2End tests are run on Firefox as part of Github workflow

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the existing Cypress setup and GitHub workflow to see how Chrome end-to-end tests are currently launched. Investigate a viable way to run the tests on Firefox and Safari, noting Cypress's stated lack of Safari support; done means the workflow runs end-to-end tests on Safari, Chrome, and Firefox.

Written by the indexing model from the issue text.

Assessment

Tech stack
cypress, github-actions, typescript
Domain
ci-cd, testing
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.