Improve coverage of Storybook test pages

[ashetland]

Description

Note we will work on this effort across multiple milestones for implementation.

Where possible, the team would like to add coverage to Storybook for testing. The following list is a starting point to get the convo rolling.

Test pages would ideally include:

• all kinds
• all scales
• all appearances
• hover states
• pressed states
• focus states
• disabled states (where applicable)
• hidden states (where applicable

Which Component

Any components missing coverage.

Resources

cc @alisonailea @eriklharper @SkyeSeitz

[geospatialem]

Assigning the initial effort to March, where we may consider moving to future milestones for full implementation across the components.

[alisonailea]

I'd suggest a single Puppeteer template function which would accept an HTML template with all component "kinds", "appearances", and other property based variants.

Maybe it accepts an option object which defines what state variants to setup.
hover states
pressed states
focus states
disabled states
hidden states

The function then creates the storybook page necessary for full coverage of the component. I think we can use the "play" method from the Chromatic API here https://www.chromatic.com/docs/interactions/