选择不可见的元素 - Mac - 野生动物园 11.1 - 硒 - C#

Question

我正在测试我们网站的注册，其中一个字段是选择下拉菜单。该测试在所有 Windows 桌面浏览器上完全有效。它也适用于Mac上的铬。此问题仅在 Mac 浏览器 11.1 上出现：

当尝试选择我想要的选项时，它会报告选择元素不可见。

我的测试是在Visual Studio中通过Browserstack完成的。我有屏幕截图和视频，清楚地显示选择元素是可见的（至少对用户而言）。它不在页面底部，没有页脚覆盖任何部分。我滚动到每个元素以与其交互。

我的故障排除：

>

为了查看从选择元素向下是否存在可访问性问题，我注释掉了与选择元素交互的代码，并成功与其下方的元素（文本输入框）进行了交互。

在尝试选择选项之前，我添加了30秒的等待时间，以防驱动程序/DOM“看到”select元素时出现任何延迟-同样的错误。

我仔细检查了我的XPath-在我们的本地Mac上，XPath只返回1个结果，这是有问题的select元素（当您通过XPath搜索代码时，它会突出显示）。

我正在使用Selenium.Support.UI方法通过文本选择一个选项。“选项”保存要选择的文本：

select element select = new select element(element)；选择。SelectByText(选项)；

…因此我尝试通过更改索引使用JavaScript进行选择：

// Selects the option but no option change occurs from the user's perspective, nor are any events triggered based on the change
js.ExecuteScript("arguments[0].selectedIndex = \"" + optionIndex + "\";", element);
// Trigger the change event
js.ExecuteScript("var event = new Event('change', { bubbles: true }); arguments[0].dispatchEvent(event);", element);

...这也不起作用，没有得到“元素不可见”，什么也没有改变，测试脚本继续到下一个文本输入。

我通过在Chrome控制台上的Windows中以及在Safari 11.1中的Mac上手动测试它来验证此方法是否有效（将选择元素的ID更改为某个ID）：

var element = document.getElementById("someID");
element.selectedIndex = "3";
var event = new Event('change', { bubbles: true });
element.dispatchEvent(event);

...工作正常。

所以无论我在运行实际测试时如何尝试更改元素，要么我不可见，要么什么都没发生。太奇怪了…

我错过了显而易见的东西吗？这是否有已知的问题？我想检查这个问题的唯一其他方法是从等式中删除Browserack并在我们的Mac上进行本地测试。这可能是我应该做的第一件事…

Answer 1

非常感谢。

我在JavaScript变通方法方面走在正确的轨道上，但是我的选择元素没有ID，所以我不得不先分配一个，只有这样JavaScript才会更改选项...

js.ExecuteScript("arguments[0].setAttribute(\"id\", \"automationID\");", element);

js.ExecuteScript("var element = document.getElementById(\"automationID\"); element.selectedIndex = \"" + optionIndex + "\"; var event = new Event('change', { bubbles: true }); element.dispatchEvent(event);");