DX: Webform styling #1347
Description
The current developer experience when styling webforms is cumbersome and error prone because Drupal javascript behaviors and additional stylesheets can't easily be replicated in storybook and therefore can't be reliably visual regression tested. Also, Drupal updates are not automatically reflected.
What we would like to achive:
- Example webform pages are displayed as storybook stories (including all drupal assets)
- Webform pages are visually tested in chromatic
- Updates to Drupal or Webform are reflected in tests
- Also works for non-Webform embeds (e.g. Drupal commerce)
Idea to solve this:
Playwrights "traces" are archives of the full current webpage, including all assets. We could use that to:
- Create a playwright test that runs trough the Drupal webform and generates the traces for different form steps.
- Find a way to import a trace including all assets (iframe?) into a storybook story
- Inject the UI stylesheet to style the form in storybook