LLM 辅助 Vue.js Web 应用程序的基于模型的 GUI 测试

Vue.js 是构建现代 Web 应用程序的流行框架。随着 Vue.js 功能和工具支持的增长，确保其可靠性（通过自动化测试）变得越来越重要。尽管基于模型的测试已成功用于其他平台上的自动化图形用户界面 (GUI) 测试，但其在 Vue.js 中的应用仍然具有挑战性：分布在路由器配置和单文件组件 (SFC) 中的转换候选者必须具体化并规范化为可执行页面转换图 (PTG) 以进行测试。为了解决这个问题，我们提出了 LLMVue 框架，它使用 大语言模型 (LLM) 从 Vue.js 源代码生成 PTG。 LLMVue 推断组件层次结构和路由转换，将它们合并到跨多个 SFC 的统一 PTG 中。我们使用 GPT-4o 作为 LLM 主干，在 GitHub 上的十个开源 Vue.js 项目集合上评估了 LLMVue。构建的图表具有较高的精确度和召回率，并且具有较低的图表编辑距离。与随机探索基线（具有相同的时间限制）相比，LLMVue 引导测试还显着提高了覆盖范围和探索效率。据我们所知，这是首次使用 LLM 使用源代码级 PTG 提取对 Vue.js 应用程序进行基于模型的 GUI 测试。