A testing framework for the web components of a low code development platform

Software testing represents an essential phase in the life-cycle of any application, fundamental to ensure reliability, functional correctness, and code quality. In particular, User Interface (UI) testing plays a key role in the development of modern applications, where even small visual or behavioral malfunctions can compromise the overall user experience. In the absence of appropriate tools, testing activities can become more complex and costly than expected. This obstacle often leads to postponing or completely neglecting tests, with the risk of introducing regressions that are difficult to detect in later stages of development. To mitigate these issues, it is common practice to design and adopt frameworks that support developers in writing automated tests, making them more accessible and faster to implement. This thesis describes the analysis of issues related to the testing of graphical Widgets available in the WebRatio Platform, a Low-Code development environment for Web Applications that employs UI components based on Angular. The final objective is the design and implementation of a testing framework, composed of functions, classes, and helpers, aimed at simplifying and standardizing the writing of automated tests for the platform’s UI components. The framework is designed to ensure clarity, ease of writing tests, and full compatibility with the Angular ecosystem, offering WebRatio a solid foundation to automate the testing of WebRatio’s Style-projects, which was previously done exclusively manually.

Il testing del software rappresenta una fase essenziale nel ciclo di vita di qualsiasi applicazione, fondamentale per garantire affidabilità, correttezza funzionale e qualità del codice. In particolare, il testing delle Interfacce Utente (UI) gioca un ruolo chiave nello sviluppo di applicazioni moderne, dove anche piccoli malfunzionamenti a livello visivo o comportamentale possono compromettere l’esperienza utente complessiva. In assenza di strumenti adeguati, l’attività di testing può risultare più complessa e dispendiosa del previsto. Questo ostacolo porta spesso a rimandare o trascurare del tutto i test, con il rischio di introdurre regressioni difficili da individuare nelle fasi successive dello sviluppo. Per mitigare queste problematiche, è prassi comune progettare e adottare framework che supportino lo sviluppatore nella scrittura di test automatizzati, rendendoli più accessibili e veloci da implementare. Questa tesina descrive il lavoro di analisi delle problematiche legate al testing dei Widget grafici disponibili nella WebRatio Platform, un ambiente di sviluppo Low-Code per applicazioni Web che impiega componenti UI basati su Angular. L’obiettivo finale è la progettazione e realizzazione di un framework di testing, composto da funzioni, classi e helper, pensato per semplificare e standardizzare la scrittura di test automatizzati per i componenti UI della piattaforma. Il framework è progettato per garantire chiarezza, semplicità di scrittura dei test e piena compatibilità con l’ecosistema Angular, offrendo a WebRatio una base solida per automatizzare il testing dei progetti di stile WebRatio, che in precedenza veniva svolto in modo esclusivamente manuale.