如何使用 selenium 测试 jquery ajax 选项卡？

Question

我正在使用 selenium 测试 django 应用程序，我的一个页面使用 jquery ui tabs 元素。其中一个选项卡包含一个简单的表格，列出了一些用户，并通过 ajax 加载。使用该应用程序时，该选项卡工作得很好，但是当使用 selenium 自动化测试时，该选项卡似乎没有加载其内容！ 我自己用 python 编写测试。起初，我使用的是 selenium RC 的 click 方法，但正如我从之前的测试中痛苦地了解到的那样，当涉及到锚标记时，这是相当有问题的，所以我采用了我的解决方案之前使用过： wait_for_condition 方法并显式调用选项卡单击事件（甚至加载事件！），但选项卡仍然无法工作！

我在这里感到绝望，我的大部分测试都依赖于该页面，并且几乎一半都在该表上，但是，唉，似乎硒正在搞砸 JavaScript！ （我在课堂上还有其他测试，它们运行得很好，所以在服务器级别没有发生任何奇怪的事情，这似乎是客户端硒引起的问题） 我的测试代码与此类似：

class TestMyApp(TransactionTestCase):
urls = 'myapp.test_urls'

def setUp(self):
    self.verificationErrors = []
    self.selenium = selenium("localhost", 4444, "*chrome", "http://localhost:8000/")
    self.selenium.start()
    #self.selenium.set_speed(2000)
    self.selenium.window_maximize()
def test_users_list(self):
    """Test that an app's users are correctly listed"""
    sel = self.selenium
    users = []
    for u in range(settings.FREE_USER_LIMIT/2):
        users.append(self.app.users.create(name="testUser_%s"%uuid4()))

    sel.open("/")        
    sel.wait_for_page_to_load("30000")
    sel.wait_for_condition('selenium.browserbot.getCurrentWindow().jQuery("#tabs").tabs("select",1);\
    selenium.browserbot.getCurrentWindow().jQuery("#tabs").tabs("load",1);',
                             3000)
    for user in users:
        try: self.failUnless(sel.is_text_present(user.name))
        except AssertionError, e: self.verificationErrors.append(str(e))
        try: self.failUnless(sel.is_text_present(str(user.added.date())))
        except AssertionError, e: self.verificationErrors.append(str(e))
def tearDown(self):
    self.selenium.stop()
    self.assertEqual([], self.verificationErrors)

Answer 1

这可能有几件事。可能是 Selenium 在点击锚点时遇到了问题，但实际上我还没有听说过这个问题，而且听起来不太可能。听起来 click() 方法返回 OK，它不会给你“找不到元素”，对吗？当您单击 jquery 选项卡时，javascript 并没有执行预期的操作。根据我的经验，这通常会归结为同样的问题——因为当 javascript 渲染页面的一部分并连续影响 DOM 时，Selenium 执行得非常快，有时当 Selenium 与页面的动态生成部分交互时（比如单击此按钮）选项卡），它与之交互的部分取决于实际上尚未完全加载的其他部分。事实上，距离完全加载可能只有几微秒的时间，但硒太快了。当然，您已经理解了这一点，您对 wait_for 条件寻找要加载的选项卡有正确的想法。我的猜测是可能还不够长。您必须找到一些评估来表明整个 UI 选项卡已加载并呈现。选项卡 API 是否有一些可以添加的回调来设置“完成加载”变量，或者它是否公开了类似的变量？除非找出正确的表达方式来找到 UI 选项卡实际准备好单击的时间点（这可能会很棘手），否则您可以采取彻底暂停的方式来确保页面的该部分在此之前已准备好运行你与它互动。我认为代码中的 sleep(2) 甚至 sleep(5) 等都没有问题（如果有必要让它工作）。测试这是否真的发生的一种方法是在交互式解释器中启动场景（我喜欢 Python，用 Java 做这件事真是太棒了）。逐行粘贴代码以到达问题点，或者注释掉拆卸方法中的 selenium.stop() 调用以及问题点之后的任何测试代码，这样它就会使 selenium 窗口保持打开状态并退出。然后在交互式解释器中实例化一个selenium对象并劫持打开的会话：

selenium = selenium("localhost", 4444, "*chrome", "http://localhost:8000/")
selenium.sessionId = "0asdd234234023424foo" #Get this from the Se window

...以获取窗口的交互式控制。然后，您可以了解如何进行 selenium.click() 或进行 selenium.get_eval('...js...') 调用来调查当时的 javascript 情况时间点。我的猜测是，当您这样做时，当您输入时，click()实际上会正常工作，因为当您加载会话并开始输入selenium.click时('blah_tab_locator')，选项卡内容将全部加载并准备就绪。只是当 Python 进行调用时，当进行这些动态渲染时，它对浏览器来说速度太快了。如果当您像这样通过 Selenium 手动执行操作时点击工作正常，那么您就知道这是一个计时问题。找到合适的 wait_for_condition 或屈尊使用 python sleep()。否则，如果执行此操作时点击仍然不起作用，则可能是所使用的定位器出现问题。选项卡 UI 在选项卡结构的某些部分上具有单击、鼠标松开、焦点或某种事件处理程序，也许只是找到要单击的选项卡的正确部分或要触发的正确事件。如果不是这样，那么可能就像您提到的 Selenium 和 Jquery UI 之间的某种奇怪的交互一样，但这会让我感到惊讶，我很想知道。如果是这样，请使用 get_eval() 查看 javascript 中发生的情况。不过，对我来说，这听起来像是一个时间问题。