Automaattisten käyttöliittymätestien käyttöönotto ohjelmistoprojektissa

Abstract

Opinnäytetyön tarkoituksena oli toteuttaa automaattiset käyttöliittymätestit Hum Hum Hr -selainsovellukseen käyttäen Jestiä sekä React Testing Librarya. Opin näytetyö on tehty toimeksiantona Integrata Oy:lle. HumHum Hr -selainsovelluksen frontend-toteutuksessa ei ollut minkäänlaisia testejä, joten aina uuden version julkaisuvaiheessa oli käyttöliittymän testaaminen manuaalista ja melko hidasta. Työn pyrkimyksenä oli siis varmistaa sovelluksen käyttöliittymän toiminta sekä nopeuttaa sovelluksen julkaisuprosessia.

Opinnäytetyössä käsitellään aluksi erilaisia testaamismenetelmiä ohjelmistoprojekteissa sekä käsitellään, minkälaisia seurauksia puutteellisesta testaamisesta mahdollisesti aiheutuu. Sitten selvitetään työkalujen asennusprosessi, joka käyttäjän pitää tehdä. Näitä työkaluja ovat ohjelmointikieli TypeScript, JavaScript-kirjasto React, testityökalu Jest sekä testikirjasto React Testing Library. Opinnäyte työssä kerrotaan yleisesti työskentelystä Jestin ja React Testing Libraryn parissa, käydään läpi testitapauksia HumHum Hr-selainsovelluksen kontekstissa sekä kerrotaan, miten testien automatisointi tapahtuu Azure Pipelineissa.

Integrata Oy:lle toteutetut lisäävät yrityksen sovelluskehittäjille yhden työtehtävän, sillä jokaiselle tehdylle käyttöliittymäkomponentille tulee toteuttaa kattavat testit. Automaattisten testien kehitys jatkuu, sillä sovellus kehittyy jatkuvasti, ja siihen tulee uusia ominaisuuksia sekä testattavia komponentteja.

The objective of this thesis was to implement user interface tests for HumHum Hr web application using Jest and React Testing Library as testing tools. The thesis was made in collaboration with Integrata Ltd. The HumHum Hr web application did not have any kind of automated tests and as a result, the publishing process for a new version of the app was slower than it needed to be. The implementation of the tests aims to create a sense of assurance that the app works and to hasten the publishing process of a new version of the app.

This thesis covers various testing processes in software projects and explains in detail how a user can set up an automated user interface testing framework in a TypeScript React project with Jest, React Testing Library and Azure Pipelines.

Automated tests are vital in software projects, but maintaining the tests adds more work for the developers. This also means that if the app is consistently up-dated, the development of the tests is never completely done.