Eristetty käyttöliittymän kehitys: käyttöliittymän kehitys, testaaminen sekä dokumentointi eristetyssä ympäristössä
Haataja, Juri (2023)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023112832464
https://urn.fi/URN:NBN:fi:amk-2023112832464
Tiivistelmä
Tämän opinnäytetyön tavoitteena oli ottaa käyttöön sekä vahvistaa visuaalisen regressiotestauksen toimivuus käyttäen React- sekä Storybook-ohjelmistokoodikirjastoja sekä Chromatic-pilvipalvelua. Idea aiheen tutkimiseen tuli omasta kiinnostuksesta käyttöliittymäkehitykseen, koettuani ettei pelkkä käyttöliittymän ohjelmistokoodipohjainen testaaminen tuntunut riittävältä ratkaisulta oikeanlaisen ulkoasun varmistamiseksi.
Visuaalisen regressiotestauksen suorittaminen Storybookilla vaatii syvällistä ymmärrystä ohjelmistokoodikirjaston dokumentoinnista, joka oli helposti saatavilla Storybookin virallisilta verkkosivuilta. Lisäksi erilaiset blogipostaukset, jotka käsittelevät visuaalista regressiotestausta Storybookilla, tarjosivat oleellista tietoa käytännön kokemuksista ja parhaista käytännöistä. Yhdistelemällä Storybookin virallisen dokumentaation tarkkuuden ja blogipostauksissa jaetuista käytännön vinkeistä saatavan käytännön näkemyksen, visuaalisen regressiotestauksen toteuttaminen Storybookilla oli perusteellinen ja luotettava prosessi.
Lopputuloksena syntynyt visuaalisen regressiotestauksen putkisto (engl. pipeline) osoittautui toimivaksi ratkaisuksi varmistamaan käyttöliittymäkomponenttien ulkoasun ja visuaalisen eheyden ohjelmistokoodimuutosten välillä. Itse Storybook-kirjaston käyttöönotto tarinoineen, lukuisine laajennuksineen ja määrittelyineen osoittautui jopa yllättävän työlääksi, mihin toivoisinkin yksinkertaistamista esimerkiksi tarinoiden luomisen automatisoinnin muodossa.
Visuaalisen regressiotestauksen suorittaminen Storybookilla vaatii syvällistä ymmärrystä ohjelmistokoodikirjaston dokumentoinnista, joka oli helposti saatavilla Storybookin virallisilta verkkosivuilta. Lisäksi erilaiset blogipostaukset, jotka käsittelevät visuaalista regressiotestausta Storybookilla, tarjosivat oleellista tietoa käytännön kokemuksista ja parhaista käytännöistä. Yhdistelemällä Storybookin virallisen dokumentaation tarkkuuden ja blogipostauksissa jaetuista käytännön vinkeistä saatavan käytännön näkemyksen, visuaalisen regressiotestauksen toteuttaminen Storybookilla oli perusteellinen ja luotettava prosessi.
Lopputuloksena syntynyt visuaalisen regressiotestauksen putkisto (engl. pipeline) osoittautui toimivaksi ratkaisuksi varmistamaan käyttöliittymäkomponenttien ulkoasun ja visuaalisen eheyden ohjelmistokoodimuutosten välillä. Itse Storybook-kirjaston käyttöönotto tarinoineen, lukuisine laajennuksineen ja määrittelyineen osoittautui jopa yllättävän työlääksi, mihin toivoisinkin yksinkertaistamista esimerkiksi tarinoiden luomisen automatisoinnin muodossa.