# UI 自动化测试 🎉

UI 自动化测试通过驱动浏览器模拟用户操作前端页面,验证业务流程、功能等是否符合预期要求。操作前端页面的核心是基于前端控件属性对其进行唯一标识和定位,因此,需要对前端代码开发做出规范和约定。

# ❤️ 快速开始

WinDesign 组件库在表单和数据展示类组件上新增 data-test-id 属性进行标识,开发者只需传入符合规范的 data-test-id 属性即可。

示例:

 


// 组件内部接受传入的 data-test-id 属性,正确的渲染在所需的标签上。
<w-input data-test-id="drugName" v-model="value"></w-input>
1
2

实际渲染:

image

# ✍️ 涉及组件

  • 基础:w-button
  • 表单:w-input、w-select
上次更新: 10/24/2024, 2:45:57 PM