Front-end část k systému pro správu dat pro procesní testování

Abstract

Tato bakalářská práce se věnuje návrhu a vývoji front-endového modulu pro systém managementu testovacích dat ve formě webové aplikace. Tato aplikace dovoluje uživatelům prohlížení, vytváření a upravování systémových modelů založených na orientovaných grafech. Dále aplikace poskytuje uživatelské rozhraní pro interakci s funkcemi implementovanými back-endovým modulem systému. Mezi tyto funkce patří ukládání, sdílení a přístup ke grafům na serveru, importování/exportování grafů do souborů a generování testovacích scénářů pro dané grafy. Text této práce také popisuje potřebnou terminologii související s model-based testingem a soustředí se na vysvětlení orientovaných grafů jako modelů testovaných systémů spolu s testovacími scénáři a kritérii pokrytí. Implementace webové aplikace je realizována pomocí JavaScript a React framworku spolu s knihovnou JointJs pro vytváření diagramů a komponentovou knihovnou Mantine pro stavbu uživatelského rozhraní.

This bachelor thesis aims to design and develop a front-end module for a test data management system in the form of a web application. The application allows users to view, create, and edit system models based on directed graphs. In addition, the applications provides a user interface for interacting with the features implemented by the back-end module of the system. These features include storing, sharing, and accessing graphs on the server, exporting/importing graphs into files, and generating test cases for given graphs. The text of the thesis describes the necessary terminology related to model-based testing and focusses on directed graphs as models of tested systems along with the test cases created using these models and coverage criteria. The implementation of the web application is carried out using JavaScript and the React framework together with the JointJs library for diagramming and Mantine component library to build the UI.