A Meta-Model to Support Compatibility Testing of Cross-Browser Web Application

Ensuring the user interface (UI) compatibility of web applications across diverse client-side configurations, including various operating systems and browsers, is a significant challenge due to the extensive range of possible combinations. Traditional tools often struggle to address this complexity, leading to visual inconsistencies and malfunctions. To improve compatibility testing, we propose a meta-model that initiates the process with a checklist covering critical configurations across different browsers. This checklist is then translated into Interaction Flow Modeling Language (IFML) constructs, enabling a model-driven approach to compatibility assessment. By leveraging this checklist-IFML integration, we systematically generate test cases that target compatibility issues more effectively. Our approach is validated through the Laptop-Web Case Study, where we assess compatibility by comparing checklist items with IFML constructs within the case study’s domain model. The results show that our approach enhances the accuracy and efficiency of compatibility testing, addressing a core gap in current methods. This research introduces a structured, model-driven method for compatibility testing, providing a more reliable framework for identifying and mitigating UI compatibility issues in web applications across varying client-side configurations.