Testausstrategian laatiminen ja testausautomaation toteutus web-sovelluksen käyttöliittymälle

Insinöörityön aiheena oli testausstrategian laatiminen ja testausautomaation toteuttaminen React-käyttöliittymäkirjaston avulla toteutetulle web-sovellukselle. Työn tavoitteena oli mahdollistaa painopisteen siirtyminen manuaalitestauksesta automaatiotestaukseen ja sitä myöten parantaa laatua ja käyttäjäkokemusta. Projektissa otettiin käyttöön Jest- ja React Testing Library -työkalut. Sovelluksen käyttöliittymäkomponenteille ja apuluokille kirjoitettiin testejä, joilla varmistettiin testaukseen käytettyjen työkalujen toimivuus. Kirjoitetut testit määriteltiin suoritettavaksi osana jatkuvan integraation ja koonnin (CI/CD) käytäntöjä versionhallintaympäristössä. Testausstrategia lisättiin osaksi dokumentaatiota ja käytiin läpi kehitystiimin kanssa. Työ alkoi testaukseen tarvittavien työkalujen valitsemisella, asentamisella ja määrityksillä. Testattaviksi valittiin ne sovelluksen osat, joiden automaattisesta testaamisesta olisi eniten hyötyä ja jotka edustaisivat sovellusta mahdollisimman laajasti, jotta testien kirjoittaminen olisi tulevaisuudessa mahdollisimman helppoa. Valituille tapauksille kirjoitettiin testit. Lopuksi toteutetut testit asetettiin suoritettaviksi aina lähdekoodin muuttuessa versionhallinnassa. Testausstrategiassa määriteltiin testauksen periaatteet ja esimerkkitapauksia erityyppisistä testeistä lisättiin osaksi dokumentaatiota tulevan tekemisen tueksi. Testausautomaatio toimi osana päivittäistä sovelluskehitystyötä. Käyttöönotetut työkalut madalsivat kynnystä kirjoittaa testejä, ja testien automatisointi paransi testaamisen laatua. Ohjelmavirheiden nopeampi havaitseminen helpotti virheiden korjaamista ja pienensi niiden korjaamisen kustannuksia.The aim of the study was to create a testing strategy and implement test automation for a web application built with React JavaScript library. The objective was to enable shifting from manual to automated testing and ultimately improve overall software quality and user experience. Jest and React Testing Library tools for testing were implemented in the project. Tests were written for some of the user interface components and utility classes to verify the functionality of the selected testing tools. Tests written for the application were defined to be executed as part of the CI/CD (Continuous Integration and Compilation) procedures in a version control environment. The study began with the selection, installation and configuration of the tools required for testing. The next phase was choosing what to test: the parts of the application that would benefit most from automated testing and those that would represent the application as broadly as possible were selected to make future test writing as easy as possible. The selected tests were written and set to run automatically whenever source code changed in the version control system. The testing strategy was written to be part of the project documentation. It defined the principles of testing and provided examples of different types of test scenarios to support testing in the future. The implemented test automation solution was part of the daily software development work. The implementation of testing tools lowered the threshold on test writing and automating the tests improved the quality of testing. Detecting bugs faster made it easier to fix them with lower costs