如何 UI 测试复选框按钮

Question

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

我需要UI测试这个元素，我该怎么做？

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

Answer 1

这可以是解决方案之一

根据按钮的状态覆盖按钮的 accessibilityLabel 和 return selected/deslected。

然后在 UITest 中检查 accessibilityLabel.

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

Answer 2

选中复选框后，添加 selected 可访问性特征。然后，在您的 UI 测试中，检查元素的 isSelected 属性.

// App code
imageView.accessibilityTraits = imageView.accessibilityTraits.union([.selected])

// Test code
XCTAssertTrue(checkboxElement.isSelected)

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