Enhancing web UX Test Coverage Through Model-Based Practices: State Machine Driven Test Auto-Generation

Web front-end development is characterized by fast evolution, requiring frequent UX updates and feature releases. Such a dynamic environment poses challenges for traditional testing methodologies, which struggle with maintenance burdens and inadequate test coverage, leading to reduced release velocity as the codebase and requirements grow. This paper examines the shortcomings of current web and UX testing tools and processes, particularly in terms of achieving exhaustive coverage and maintenance. It highlights the discrepancy between perceived and actual coverage, that reduces confidence in deploying releases swiftly. Next, to mitigate the issues mentioned, it introduces the adoption of model-based testing (MBT) [1] using finite state machines (FSM) [2]. It includes a study of an autocomplete utility, demonstrating how the XState [3] framework facilitates the auto-generation of test suites, comprehensively, through FSM, thereby enhancing test coverage and reducing maintenance overhead. The paper concludes with insights into the benefits, limitations, and trade-offs encountered when implementing this approach, offering valuable lessons for practitioners seeking to improve web front-end testing practices.