Haku

Eristetty käyttöliittymän kehitys: käyttöliittymän kehitys, testaaminen sekä dokumentointi eristetyssä ympäristössä

QR-koodi

Eristetty käyttöliittymän kehitys: käyttöliittymän kehitys, testaaminen sekä dokumentointi eristetyssä ympäristössä

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.

Tallennettuna:
Kysy apua / Ask for help

Sisältöä ei voida näyttää

Chat-sisältöä ei voida näyttää evästeasetusten vuoksi. Nähdäksesi sisällön sinun tulee sallia evästeasetuksista seuraavat: Chat-palveluiden evästeet.

Evästeasetukset