单击使用Selenium的伪元素

Question

我试图使用Selenium来单击：：after伪元素。我意识到这无法通过WebDriver直接实现，但似乎无法找到一种使用Javascript实现的方法。

下面是DOM的外观：

<em class="x-btn-split" unselectable="on" id="ext-gen161">
    <button type="button" id="ext-gen33" class=" x-btn-text">
        <div class="mruIcon"></div>
        <span>Accounts</span>
    </button>
    ::after
</em>

上面的元素是这样的。对象的左边是按钮元素，后面的：元素是右边，箭头在单击时会下拉框。正如你所看到的，右边没有任何标识符，这就是为什么很难做到这一点的部分原因。

我在stackoverflow中看到了这两个链接，并试图将答案结合起来形成我的解决方案，但没有效果。

使用JavaScript在Selenium WebDriver中单击元素
使用JavaScript在Selenium WebDriver中定位伪元素

以下是我的一个尝试：

string script = "return window.getComputedStyle(document.querySelector('#ext-gen33'),':before')";
IJavaScriptExecutor js = (IJavaScriptExecutor) Session.Driver;
js.ExecuteScript("arguments[0].click(); ", script);

其中我得到了一个错误：

System.InvalidOperationException: 'unknown error: arguments[0].click is not a function
  (Session info: chrome=59.0.3071.115)
  (Driver info: chromedriver=2.30.477700 (0057494ad8732195794a7b32078424f92a5fce41),platform=Windows NT 6.1.7601 SP1 x86_64)'

我还尝试使用Selenium中的Actions类将鼠标移动到左手边，类似于这个答案。我认为这可能是因为我不知道偏移量是用什么来测量的，而且文档似乎没有给出任何指示。我认为它是以像素为单位的？？

Actions build = new Actions(Session.Driver);
build.MoveToElement(FindElement(By.Id("ext-gen33"))).MoveByOffset(235, 15).Click().Build().Perform();

这个尝试似乎点击了某个地方，因为它没有给出错误，但我不确定在哪里。

如果有帮助的话，我正在尝试用c#实现Salesforce（服务云）的自动化。

也许有人能提供解决方案？

Answer 1

上面的Maciej'a答案适用于WebDriver，但不适用于针对Firefox V.56的RemoteWebDriver（Selenium 3.12.0）。我们需要一个同时适用于本地和远程的解决方案。最后使用键盘快捷键调用导航菜单下拉菜单。作为一个额外的好处，这也消除了使用补偿的需要。

String navigationMenuDropdownShortcutKeys = Keys.chord(Keys.ESCAPE, "v");

new Actions(driver)
 .sendKeys(navigationMenuDropdownShortcutKeys)
 .perform();

Answer 2

对于那些试图在Python中做到这一点的人，解决方案如下：

<代码>elem=驱动程序。

基本上在这里，我在DOM中找到我的元素，并分配给一个WebElement。然后向WebElement传递方法move_to_element_，并将_offset作为参数。

我从开发者工具中得到了元素的px值。

PS：使用此导入-来自selenium。网络驱动程序。常见的动作链导入动作链

您可以在这里阅读更多关于Action chain类及其方法move_to_element_with_offset：http://selenium-python.readthedocs.io/api.html.

希望这有帮助。

Answer 3

我在为Salesforce编写Selenium测试时遇到了同样的问题，并通过使用操作直接控制鼠标来解决了这个问题。

这个按钮的包装表硬编码宽度为250px，您已经发现了。要定位鼠标的位置，可以使用contextClick（）方法，而不是Click（） 它模拟鼠标右键，因此它将始终打开浏览器菜单。

如果你这样做：

Actions build = new Actions(Session.Driver);
build.MoveToElement(FindElement(By.Id("ext-gen33"))).ContextClick().Build().Perform();

你会发现鼠标移动到WebElement的中间，而不是左上角（我想也是这样）。因为元素宽度是恒定的，所以我们可以通过向右移动鼠标，它就会工作：）代码：

Actions build = new Actions(Session.Driver);
build.MoveToElement(FindElement(By.Id("ext-gen33"))).MoveByOffset(124, 0).Click().Build().Perform();