Xcode UI 测试 - 如何在 WebView 中查找和点击（）元素

Posted 2023-02-24

【中文标题】Xcode UI 测试 - 如何在 WebView 中查找和点击（）元素

【英文标题】：Xcode UI Test - How to Find and tap() an Element Inside a WebView

【发布时间】：2016-02-16 21:06:18

【问题描述】：

我正在尝试找到一种方法来点击具有以下 html 结构的链接：

<a>
  <div id="facebook_sharing"></div>
</a>

a 标签没有与之关联的任何属性或文本，只有 div 标签在里面。

我尝试了以下方法，但没有成功：

app.links["facebook_sharing"].tap()

有没有办法找到div标签元素并点击它？

谢谢！

【参考方案1】：

Xcode UI 测试通过可访问性与您的应用交互。就像它无法访问底层的 UIKit 元素一样，它也无法直接访问 HTML DOM。你不能指望框架知道你的标记中的某些东西，除非它以某种方式暴露于可访问性。

要“像 UI 测试一样查看应用程序”，请在您的 Mac 上打开 Accessibility Inspector.app。 （您可以通过在 Spotlight 中搜索轻松找到它。）然后，将光标悬停在 div 上。如果您看到以下任何属性集，您可以查询该元素：

accessibilityTitle accessibilityPlaceholderValue accessibilityLabel accessibilityValue

如果a 或div 元素上没有设置这些，您应该自己更新它们。这样想吧。如果视障人士使用该网站，他/她如何知道他/她可以与 Facebook 链接互动？

【讨论】：

感谢您的精彩解释。当我将鼠标悬停在 Safari 控制台中的 div 标签上时，我看到 accessibilityValue 设置为 facebook_sharing。但是，当我将鼠标悬停在 ios 模拟器中的 WebView 上时，我只能看到 accessibilityTitle 设置为我的 WebView。我可以使用app.otherElements["MyWebViewAccessibilityLabel"] 访问我的WebView，但我无法使用app.otherElements["facebook_sharing"] 访问div 元素。同样，app.otherElements["facebook_sharing"].exists 返回 false。我知道我一定是在这里做错了。

我想补充一点，在iOS模拟器的Accessibility Inspector打开的情况下查看WebView时，我只能看到WebView本身的Accessibility Label，没有其他的“可点击。”如果我在 google.com 的 Safari 中执行此操作，我可以按预期点击页面中的所有链接。

在这个答案中，我们假设正在使用模拟器进行测试，对吗？与真实设备相比？

如何在 Web 上添加标识符，以便在 iOS 端使用辅助功能应用程序访问它并用于自动化

应该提到的是，如果你是一个混合开发者，这些设置将不会被设置，也无法从你的 html/javascript 中设置它们（除非我弄错了）。我能够查询的唯一项目是按钮、静态文本和链接。我并不是说这个列表是详尽无遗的，但至少你知道你是多么有限。