ІНТЕГРОВАНИЙ КОНВЕЄР ТЕСТУВАННЯ НА ОСНОВІ ГРАФІВ ДЛЯ СУЧАСНИХ ОДНОСТОРІНКОВИХ ЗАСТОСУНКІВ

In the modern software development ecosystem, Single-Page Applications (SPAs) have become the de facto standard for delivering rich, interactive user experiences. Frameworks such as React, Vue, and Angular enable developers to build highly responsive interfaces; however, they also introduce intricate client-side state management and complex routing logic. As applications grow in size and complexity, manually writing and maintaining end-to-end tests for every possible user journey becomes infeasible. Moreover, ensuring comprehensive coveragenbsp;− across functionality, security, performance, and usabilitynbsp;− requires an integrated and adaptive testing strategy that can scale with rapid release cadences. This paper introduces a novel, integrated testing pipeline that augments conventional unit, component, integration, API, performance, security, and accessibility testing with a formal Graph-Based Testing (GBT) model. We model the SPA as a directed graph, where each vertex represents a distinct UI state or view, and each directed edge corresponds to a user-triggered transition (e.g., clicks, form submissions, navigation events). Leveraging graph algorithms, our approach automatically identifies missing paths to achieve exhaustive node, edge, and simple path coverage up to a configurable length, synthesizes minimal test sequences, and generates executable test scripts in frameworks such as Jest (unitnbsp;/nbsp;component), Cypress or Playwright (integrationnbsp;/nbsp;E2E), and Postman (API). To select and tune the appropriate tools for each testing facet, we employ a multi-criteria decision framework based on linear additive utility and Pareto analysis. Each tool is evaluated across five normalized dimensionsnbsp;− defect detection accuracy, execution speed, licensing or infrastructure cost, adoption effort, and scalabilitynbsp;− weighted according to project priorities. Finally, we integrate this GBT-driven test generation and tool orchestration into a CI / CD pipeline, enriched with pre-production security scans via OWASP ZAP and periodic load tests with JMeter. The result is a continuous, self-healing suite of tests that adapts to UI changes, automatically refactors itself against graph-differencing alerts, and maintains high confidence levels even under aggressive sprint schedules. Empirical evaluation on two large-scale SPAs demonstrates a 40 % reduction in manual test authoring effort and a 25 % increase in overall coverage metrics compared to traditional approaches.

Publication Details

Journal
The Scientific Issues of Ternopil Volodymyr Hnatiuk National Pedagogical University Series pedagogy
Published
2025-07-11
Primary Topic
Software Testing and Debugging Techniques
Type
article
Field-Weighted Citation Impact
0.00
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

ІНТЕГРОВАНИЙ КОНВЕЄР ТЕСТУВАННЯ НА ОСНОВІ ГРАФІВ ДЛЯ СУЧАСНИХ ОДНОСТОРІНКОВИХ ЗАСТОСУНКІВ

The Scientific Issues of Ternopil Volodymyr Hnatiuk National Pedagogical University Series pedagogy
Software Testing and Debugging Techniques
article

ІНТЕГРОВАНИЙ КОНВЕЄР ТЕСТУВАННЯ НА ОСНОВІ ГРАФІВ ДЛЯ СУЧАСНИХ ОДНОСТОРІНКОВИХ ЗАСТОСУНКІВ

article en

Abstract

In the modern software development ecosystem, Single-Page Applications (SPAs) have become the de facto standard for delivering rich, interactive user experiences. Frameworks such as React, Vue, and Angular enable developers to build highly responsive interfaces; however, they also introduce intricate client-side state management and complex routing logic. As applications grow in size and complexity, manually writing and maintaining end-to-end tests for every possible user journey becomes infeasible. Moreover, ensuring comprehensive coveragenbsp;− across functionality, security, performance, and usabilitynbsp;− requires an integrated and adaptive testing strategy that can scale with rapid release cadences. This paper introduces a novel, integrated testing pipeline that augments conventional unit, component, integration, API, performance, security, and accessibility testing with a formal Graph-Based Testing (GBT) model. We model the SPA as a directed graph, where each vertex represents a distinct UI state or view, and each directed edge corresponds to a user-triggered transition (e.g., clicks, form submissions, navigation events). Leveraging graph algorithms, our approach automatically identifies missing paths to achieve exhaustive node, edge, and simple path coverage up to a configurable length, synthesizes minimal test sequences, and generates executable test scripts in frameworks such as Jest (unitnbsp;/nbsp;component), Cypress or Playwright (integrationnbsp;/nbsp;E2E), and Postman (API). To select and tune the appropriate tools for each testing facet, we employ a multi-criteria decision framework based on linear additive utility and Pareto analysis. Each tool is evaluated across five normalized dimensionsnbsp;− defect detection accuracy, execution speed, licensing or infrastructure cost, adoption effort, and scalabilitynbsp;− weighted according to project priorities. Finally, we integrate this GBT-driven test generation and tool orchestration into a CI / CD pipeline, enriched with pre-production security scans via OWASP ZAP and periodic load tests with JMeter. The result is a continuous, self-healing suite of tests that adapts to UI changes, automatically refactors itself against graph-differencing alerts, and maintains high confidence levels even under aggressive sprint schedules. Empirical evaluation on two large-scale SPAs demonstrates a 40 % reduction in manual test authoring effort and a 25 % increase in overall coverage metrics compared to traditional approaches.

The Scientific Issues of Ternopil Volodymyr Hnatiuk National Pedagogical University Series pedagogy
Industry, innovation and infrastructure
Openalex Percentile: Top 45%
Software Testing and Debugging Techniques
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.