DS-33: Storybook tests

• Päivitetty storybook npm paketit 8.4.4 versioon
• Lisätty storybook test runner ja muita testaukseen liittyviä storybook addoneita ja paketteja
• Lisätty tuki visuaalisille testeille (pitkälti tämän artikkelin mukaan)
  • Käytännössä snapshot testit, komponenteista otetaan screenshotit kun testi ajetaan ja screenshottia verrataan vanhaan snapshottiin
  • Jos muutos oli haluttu, niin snapshotit voi päivittää komennolla npm run test-storybook:update
  • Huom. Storybook test-runnerissa oli joku bugi waitForPageReady toiminnossa, jonka takia tämä kierretty custom virityksellä
• Lisätty tuki saavutettavuustesteille axe-playwright paketilla
  • Saavutettavuusraportit näkyvät sekä storybook käyttöliittymässä että testien ajossa
  • Halutessaaan saavutettavuustestit voi disabloida story-kohtaisesti
• Lisätty tuki interaktiotesteille, joita voi määritellä storyssä suoraan storybook dokumentaation mukaisesti
  • Mukana esimerkit miten voisi testata käyttäjän syötettä ja sen näkymistä sivulla, sekä myös teknisempi event listener testi
  • Samoin kun saavutettavuustesteissä, myös interaktiotestit näkyvät sekä storybook käyttöliittymässä että testien ajossa

Demo: https://storybook-qa.it.helsinki.fi/ds-33-storybook-tests/?path=/story/example-demo--filled-message

Jira: https://jira.it.helsinki.fi/browse/DS-33