Question

我正在尝试使用Intern框架编写功能测试，该框架使用Leadfoot库来实现WebDriver API，因为我正在使用Selenium Grid设置在远程浏览器上测试我的webapp。该应用已经启动并运行。我使用的功能测试如下：

define(function (require) {
var tdd = require('intern!tdd');
var assert = require('intern/chai!assert');
var url = '...';
var server = '...';

tdd.suite("Init suite",function(){
    tdd.before(function () {
      // executes before suite starts
    });

    tdd.after(function () {
      // executes after suite ends
    });

    tdd.beforeEach(function () {
      // executes before each test
    });

    tdd.afterEach(function () {
      // executes after each test
    });
    tdd.test('Checking servers', function () {
        var that = this.remote;
        return that
            .setFindTimeout(15000)
            .get(url)
            .findById('linkservers')
                .click()
                .then(function(){
                    console.log("Click resolved");
                })
            .end()
            .findDisplayedByClassName('server-name-span-text')
                .getVisibleText()
                .then(function(texts){
                    var t=0;
                    var tlen = 0;
                    if (Array.isArray(texts))
                    {
                        tlen = texts.length
                        for (t=0;t<tlen;t++)
                            console.log("server["+t+"]: "+texts[t]);
                        assert.strictEqual(texts[0],server,"server is: "+texts[0]);
                    } else {
                        assert.strictEqual(texts,server,"server is: "+texts[0]);
                    }
                })
            .end();
    });
});

}）;

要开始我的测试，我使用实习生：./node_modules/.bin/intern-runner config=tests/intern.cfg -reporters=Runner

我的问题的本质是findDisplayedByClassName('server-name-span-text')无法找到类名，即使我正在使用等待元素显示的findDisplayed调用。元素没有显示，因为click()调用由于某种原因没有正确触发事件（猜测）。我的意思是webapp代码中的click处理程序不会执行，因此不会创建类名为server-name-span-text的元素。由于超时，我最终得到的是findDisplayedByClassName失败。

当我在本地运行时，我实际上可以观察并确认点击事件没有发生。因此，我的webapp中的预期更改不会发生。

来自实习生的日志如下：

Listening on 0.0.0.0:9000
Tunnel started
‣ Created session firefox on LINUX (2d94ea44-dea8-411a-8ee5-a3d7b749cc7b)
Click resolved
× firefox on LINUX - Init suite - Checking servers (15.588s)
NoSuchElement: An element could not be located on the page using the given search parameters.
  at <node_modules/intern/node_modules/leadfoot/lib/findDisplayed.js:37:21>
  at <node_modules/intern/node_modules/dojo/Promise.ts:393:15>
  at run  <node_modules/intern/node_modules/dojo/Promise.ts:237:7>
  at <node_modules/intern/node_modules/dojo/nextTick.ts:44:3>
  at doNTCallback0  <node.js:417:9>
  at process._tickCallback  <node.js:346:13>
  at Command.findDisplayed  <node_modules/intern/node_modules/leadfoot/Command.js:23:10>
  at Command.prototype.(anonymous function) [as findDisplayedByClassName]  <node_modules/intern/node_modules/leadfoot/lib/strategies.js:28:16>
  at Test.test  <tests/functional/loadgui.js:36:6>
  at <node_modules/intern/lib/Test.js:211:24>
  at <node_modules/intern/node_modules/dojo/Promise.ts:393:15>
  at runCallbacks  <node_modules/intern/node_modules/dojo/Promise.ts:11:11>
  at <node_modules/intern/node_modules/dojo/Promise.ts:317:4>
  at run  <node_modules/intern/node_modules/dojo/Promise.ts:237:7>
  at <node_modules/intern/node_modules/dojo/nextTick.ts:44:3>
  at doNTCallback0  <node.js:417:9>
No unit test coverage for firefox on LINUX
firefox on LINUX: 1/1 tests failed


TOTAL: tested 1 platforms, 1/1 tests failed

selenium节点的日志不会显示问题，至少在INFO级别上：

15:33:59.735 INFO [13] org.openqa.selenium.remote.server.DriverServlet - Executing: [find element: By.id: linkservers])
15:33:59.742 INFO [13] org.openqa.selenium.remote.server.DriverServlet - Done: [find element: By.id: linkservers]
15:33:59.750 INFO [13] org.openqa.selenium.remote.server.DriverServlet - Executing: [click: 9 [[FirefoxDriver: firefox on LINUX (84846fb0-1467-45a9-bbfe-a6333ddef515)] -> id: linkservers]])
15:33:59.811 INFO [13] org.openqa.selenium.remote.server.DriverServlet - Done: [click: 9 [[FirefoxDriver: firefox on LINUX (84846fb0-1467-45a9-bbfe-a6333ddef515)] -> id: linkservers]]
15:33:59.824 INFO [13] org.openqa.selenium.remote.server.DriverServlet - Executing: [find elements: By.className: server-name-span-text])
15:34:14.844 INFO [13] org.openqa.selenium.remote.server.DriverServlet - Done: [find elements: By.className: server-name-span-text]
15:34:14.957 INFO [192] org.openqa.selenium.remote.server.DriverServlet - Executing: [execute script: return (function getCoverageData(coverageVariable) {
                var coverageData = (function () { return this; })()[coverageVariable];
                return coverageData && JSON.stringify(coverageData);
        }).apply(this, arguments);, [__internCoverage]])
15:34:14.970 INFO [192] org.openqa.selenium.remote.server.DriverServlet - Done: [execute script: return (function getCoverageData(coverageVariable) {
                var coverageData = (function () { return this; })()[coverageVariable];
                return coverageData && JSON.stringify(coverageData);
        }).apply(this, arguments);, [__internCoverage]]
15:34:14.980 INFO [192] org.openqa.selenium.remote.server.DriverServlet - Executing: [delete session: 2d94ea44-dea8-411a-8ee5-a3d7b749cc7b])
15:34:15.047 INFO [192] org.openqa.selenium.remote.server.DriverServlet - Done: [delete session: 2d94ea44-dea8-411a-8ee5-a3d7b749cc7b]

如何解决此问题？

注意：实习生版本是＆＃39; 3.0.6＆＃39;和铅足是1.6.4＆＃39;。我尝试使用Selenium IDE运行相同的功能测试，并且运行成功。

Answer 1

解决此问题的一些提示：

在使用findDisplayedByClassName之前，请确保您可以找到包含findByClassName

的元素

如果找不到该元素，请确保.findById('linkservers')正常工作。要检查您是否可以尝试在之前和之后添加.sleep()，看看它是否真的有用，并为您提供'server-name-span-text'类的元素。

Answer 2

因为在附加处理程序之前浏览器触发了click()事件。问题出在get()来电和click()来电之间：

...
.get(url)
    .findById('linkservers')
        .click()
...

发生的事情是浏览器在附加处理程序之前触发了click事件。处理程序在被测试的应用程序中实现。这意味着在触发click事件时没有处理程序，因此未创建server-name-span-text元素，因此findDisplayedByClassName操作超时。请注意，我还尝试了findByClassName操作，因此我得到了异常 NoSuchElement 。快速的解决方法，虽然非常讨厌，但是在sleep()电话后添加get()。

解决方案1：

define(function (require) {
var tdd = require('intern!tdd');
var assert = require('intern/chai!assert');
var url = '...';
var server = '...';

tdd.suite("Init suite",function(){
tdd.before(function () {
  // executes before suite starts
});

tdd.after(function () {
  // executes after suite ends
});

tdd.beforeEach(function () {
  // executes before each test
});

tdd.afterEach(function () {
  // executes after each test
});
tdd.test('Checking servers', function () {
    var that = this.remote;
    return that
        .setFindTimeout(15000)
        .get(url)
        .sleep(1000) //#Fix-1
        .findById('linkservers')
            .click()
            .then(function(){
                console.log("Click resolved");
            })
        .end()
        .findDisplayedByClassName('server-name-span-text')
            .getVisibleText()
            .then(function(texts){
                var t=0;
                var tlen = 0;
                if (Array.isArray(texts))
                {
                    tlen = texts.length
                    for (t=0;t<tlen;t++)
                        console.log("server["+t+"]: "+texts[t]);
                    assert.strictEqual(texts[0],server,"server is: "+texts[0]);
                } else {
                    assert.strictEqual(texts,server,"server is: "+texts[0]);
                }
            })
        .end();
});
});

<强> 更新如前所述，显式等待是解决此类问题的一个令人讨厌的解决方案。下一个解决方案基于在应用程序端executeAsync()调用执行异步脚本。此脚本返回一个promise，该promise必须由应用程序解析才能结束异步调用的等待。当然，应用程序必须与此实现的延迟对象合作，以便确定应用程序已加载到哪个点。否则这种方法不会起作用。优雅的方式如下所示。

解决方案2：

define(function (require) {
var tdd = require('intern!tdd');
var assert = require('intern/chai!assert');
var url = '...';
var server = '...';

tdd.suite("Init suite",function(){
tdd.before(function () {
  // executes before suite starts
});

tdd.after(function () {
  // executes after suite ends
});

tdd.beforeEach(function () {
  // executes before each test
});

tdd.afterEach(function () {
  // executes after each test
});
tdd.test('Checking servers', function () {
    var that = this.remote;
    return that
        .setFindTimeout(15000)
        .get(url)
        .executeAsync(function(done){
            //application side.
            application.loaded
                 .then(function(){
                      //at this moment the application has loaded
                      //so we resolve our intern side promise
                      done();
                  })
         })
        .findById('linkservers')
            .click()
            .then(function(){
                console.log("Click resolved");
            })
        .end()
        .findDisplayedByClassName('server-name-span-text')
            .getVisibleText()
            .then(function(texts){
                var t=0;
                var tlen = 0;
                if (Array.isArray(texts))
                {
                    tlen = texts.length
                    for (t=0;t<tlen;t++)
                        console.log("server["+t+"]: "+texts[t]);
                    assert.strictEqual(texts[0],server,"server is: "+texts[0]);
                } else {
                    assert.strictEqual(texts,server,"server is: "+texts[0]);
                }
            })
        .end();
});
});

如果您希望也可以将一些参数返回到您在应用程序端解析的回调。有关此内容的更多信息，您可以查看docs。

为什么点击处理程序不能在Leadfoot中运行？

2 个答案: