使用Splinter/Selenium与iFrames交互[Python]

Question

注意:Selenium或API包装Splinter for Selenium的解决方案很好!

我在使用Splinter API for Python在Twitter.com上与iframe交互时遇到了问题.

例如,

with Browser('firefox', profile_preferences= proxySettings) as browser:
    #...login and do other stuff here
    browser.find_by_id('global-new-tweet-button').click()

这会弹出一个弹出框来输入推文.

如何使用Splinter与这个新盒子进行交互:1)填写消息2)点击"推特"(提交)...当然是编程的.

我尝试检查元素但它似乎没有嵌套在iframe中,但是它以iframe为目标.所以我不确定如何在弹出窗口中找到/交互元素.

我尝试手动键入消息,然后以编程方式单击tweet按钮:

browser.find_by_css('.btn.primary-btn.tweet-action.tweet-btn.js-tweet-btn').click()

..但我收到错误:

ElementNotVisibleException: Message: Element is not currently visible and so may not be interacted with
Stacktrace:
    at fxdriver.preconditions.visible (file:///var/folders/z1/8rqrglqn2dj8_yj1z2fv5j700000gn/T/tmppRsJvd/extensions/fxdriver@googlecode.com/components/command-processor.js:10092)
    at DelayedCommand.prototype.checkPreconditions_ (file:///var/folders/z1/8rqrglqn2dj8_yj1z2fv5j700000gn/T/tmppRsJvd/extensions/fxdriver@googlecode.com/components/command-processor.js:12644)
    at DelayedCommand.prototype.executeInternal_/h (file:///var/folders/z1/8rqrglqn2dj8_yj1z2fv5j700000gn/T/tmppRsJvd/extensions/fxdriver@googlecode.com/components/command-processor.js:12661)
    at DelayedCommand.prototype.executeInternal_ (file:///var/folders/z1/8rqrglqn2dj8_yj1z2fv5j700000gn/T/tmppRsJvd/extensions/fxdriver@googlecode.com/components/command-processor.js:12666)
    at DelayedCommand.prototype.execute/< (file:///var/folders/z1/8rqrglqn2dj8_yj1z2fv5j700000gn/T/tmppRsJvd/extensions/fxdriver@googlecode.com/components/command-processor.js:12608)

我非常希望使用Splinter实现我的目标,所以请不要提供替代方案,我知道还有其他方法.先感谢您!

Answer 1

您的主要问题似乎是您将 的结果视为browser.find_by_xxx元素对象，而实际上它是一个元素容器对象（即 webdriver 元素列表）。

如果我明确引用该元素，写入该字段对我有用：

In [51]: elems = browser.find_by_id('tweet-box-global')
In [52]: len(elems)
Out[52]: 1
In [53]: elems[0].fill("Splinter Example")
In [54]:

这将为我将“Splinter Example”写入该字段。

按钮单击失败，因为您的 css 路径返回三个元素的列表，并且您隐式单击第一个隐藏元素。在我的测试中，您实际想要单击的元素是列表中的第二个元素：

In [26]: elems = browser.find_by_css('.btn.primary-btn.tweet-action.tweet-btn.js-tweet-btn')
In [27]: len(elems)
Out[27]: 3
In [28]: elems[1].click()
In [29]:

当我显式单击第二个元素时，它不会引发错误并且单击按钮。

如果添加到 css 路径，您可以将结果缩小到仅可见模式中的按钮：

In [42]: css_path = "div.modal-tweet-form-container button.btn.primary-btn"
In [43]: elems = browser.find_by_css(css_path)
In [44]: len(elems)
Out[44]: 1
In [45]: elems.click()
In [46]:

请注意，这里没有抛出异常。