Altinn / Altinn/app-frontend-react
WCAG violations in Cypress testing
- Dominant language
- TypeScript
- Stars
- 21
- Forks
- 33
- Avg merge
- 6d 23h
- Merged PRs (30d)
- 3
Description
### Description of the bug
After #1267, there are now multiple known WCAG violations, all noted down in `test/e2e/support/custom.ts`. When these get fixes, they should be removed from the list, and at some point we can set `skipFailures = false` again.
### Steps To Reproduce
1. Try setting `skipFailures = true` in `custom.ts`, or comment out the entry for each known violation
2. Watch all the tests mentioned in the list of known violations fail
### Additional Information
If you comment out entries in `knownWcagViolations` and run each test, you'll get a link to a help page where you can investigate what needs to be done to fix the problem. Also, if you click on the error in the Cypress log, you can inspect which nodes/elements were found to be in violation.
Contributor guide
Research direction
Start with test/e2e/support/custom.ts and the knownWcagViolations list. Comment out each entry, run the corresponding Cypress test, and use its help-page link and Cypress log to inspect the violating elements. Done means fixing the violations, removing their entries, and eventually restoring skipFailures = false.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- cypress, typescript
- Domain
- accessibility, frontend, testing
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100