如何对复选框按钮进行 UI 测试

Question

我有一个复选框按钮，这是一个自定义按钮，我在单击按钮时将按钮图像更改为选中和未选中。

我需要对此元素进行 UI 测试，我该怎么做？

我尝试使用图像名称获取元素，但它对我没有帮助

Answer 1

选中该复选框后，添加selected辅助功能特征。然后，在 UI 测试中，检查元素的isSelected属性。

// App code
imageView.accessibilityTraits = imageView.accessibilityTraits.union([.selected])
// Test code
XCTAssertTrue(checkboxElement.isSelected)

请记住添加逻辑以在取消选中复选框时删除selected特征。

Answer 2

这可能是解决方案之一

覆盖按钮的accessibilityLabel并根据按钮的状态返回selected/deslected。

然后在UITest中只需检查accessibilityLabel即可。

对于视觉状态测试，您可以进行快照测试。