Spike/story book accessibility ci

[jarvisraymond-uchicago]

Link to JIRA ticket if there is one: https://ctds-planx.atlassian.net/browse/HP-1889

Dev Notes

• Automates accessibility and interaction testing with storybook and auto-generates documentation.
• Storybook stories will be written for the individual components: developers will create a storybook stories for components, which will test for accessibility, and add interaction tests. Storybook will auto-document the component.

When there are accessibility Violations

The accessibility issues can be reproduced in Storybook using npm run storybook then clicking the accessibility tab associated with the story and clicking highlight. Developers can then see details about the defect and information to help fix it:

When there are NO accessibility Violations

Using Storybook
Use npm run storybook-test to run tests from CLI

Use npm run storybook to launch the graphical user interface

New Features

• Adds support for automated documentation and accessibility and UI interaction CI testing with storybook

Dependency updates

• Adds "storybook": "^8.4.7" and related packages
• Adds test runner and updates ci.yaml to run it in github

[mfshao]

cool!