Grunt、Cucumber、量角器测试意外失败

Question

我有一个这样的功能文件：

Feature: Test feature

Scenario: Step 1
    Given I go to "test-process/#/step-1"
    When I have checked the checkbox
    Then the button is enabled

我的steps.js文件如下：

'use strict';

var chai = require('chai'),
    chaiAsPromised = require('chai-as-promised');

chai.use(chaiAsPromised);

module.exports = function () {

    this.Given(/^I go to "([^"]*)"$/, function (path, callback) {
        browser.get(path);

        callback();
    });

    this.When(/^When I have checked the checkbox$/, function (callback) {
        var checkbox = element(by.id('check'));
        checkbox.click();

        callback();
    });

    this.Then(/^the button is enabled$/, function (callback) {
        var button = element(by.id('next'));

        chai.expect(button.isEnabled()).to.eventually.equal(true).and.notify(callback);
    });

};

我也有这样的配置：

exports.config = {
    framework: 'custom',
    frameworkPath: '../../../../node_modules/protractor-cucumber-framework',
    seleniumAddress: 'http://localhost:4444/wd/hub',
    specs: ['features/*.feature'],
    baseUrl: 'http://localhost:60625/',
    cucumberOpts: {
        require: 'steps/*.steps.js',
        format: 'pretty'
    }
};

在实际页面上，复选框和按钮都具有指定的 ID 属性。

当我运行测试时，前两步通过，但最后一步失败，原因是：

ElementNotVisibleError: 元素不可见

但是，我看到 Chrome 启动并且页面上都可以看到复选框和按钮！最糟糕的是，当我第一次编写测试并运行它时，所有步骤都通过了。现在，它每次都失败，实际上并没有改变。

有什么想法吗？

编辑

我已尝试按照建议将回调调用包装在 then() 中。这稍微改变了输出，但没有解决问题。现在，第二步失败，最后一步被跳过。之前第二步通过，最后一步失败。

我还尝试按照browser.driver.manage().window().maximize(); 的建议将窗口设为全屏

我还尝试使用 this.setDefaultTimeout(10000); 添加更长的超时时间，但这似乎没有任何区别。

根据要求，这是控制台输出中的堆栈跟踪：

运行“protractor:all”（量角器）任务 在http://localhost:4444/wd/hub 使用 selenium 服务器 [启动器] 运行 1 个 WebDriver 实例

场景：第 1 步
鉴于我转到“test-process/#/step-1”
当我选中复选框时

 ElementNotVisibleError: element not visible
    (Session info: chrome=47.0.2526.111)
    (Driver info: chromedriver=2.20.353145 
    (343b531d31eeb933ec778dbcf7081628a1396067),platform=Windows NT 6.1 SP1 x86_64) > (WARNING: The server did not provide any stacktrace information)
 Command duration or timeout: 15 milliseconds
 Build info: version: '2.48.2', revision: '41bccdd', time: '2015-10-09 19:59:12'
 System info: host: 'BDTUK79DW', ip: '172.23.83.166', os.name: 'Windows 7', os.arch: 'amd64', os.version: '6.1', java.version: '1.8.0_71'
 Driver info: org.openqa.selenium.chrome.ChromeDriver
 Capabilities [{applicationCacheEnabled=false, rotatable=false, mobileEmulationEnabled=false, chrome={userDataDir=C:\Users\DanW\AppData\Local\Temp\scoped_dir14556_23663}, takesHeapSnapshot=true, databaseEnabled=false, handlesAlerts=true, hasTouchScreen=false, version=47.0.2526.111, platform=XP, browserConnectionEnabled=false, nativeEvents=true, acceptSslCerts=true, locationContextEnabled=true, webStorageEnabled=true, browserName=chrome, takesScreenshot=true, javascriptEnabled=true, cssSelectorsEnabled=true}]
 Session ID: 8591f8db6eea372305d94c1aea52eca0
      at new bot.Error (fakepath\node_modules\grunt-protractor-runner\node_modules\selenium-webdriver\lib\atoms\error.js:108:18)
      at Object.bot.response.checkResponse (fakepath\node_modules\grunt-protractor-runner\node_modules\selenium-webdriver\lib\atoms\response.js:109:9)
      at fakepath\node_modules\grunt-protractor-runner\node_modules\selenium-webdriver\lib\webdriver\webdriver.js:379:20
      at [object Object].promise.Promise.goog.defineClass.invokeCallback_ (fakepath/node_modules/grunt-protractor-runner/node_modules/selenium-webdriver/lib/goog/../webdriver/promise.js:1337:14)
      at [object Object].promise.ControlFlow.goog.defineClass.goog.defineClass.abort_.error.executeNext_.execute_ (fakepath/node_modules/grunt-protractor-runner/node_modules/selenium-webdriver/lib/goog/../webdriver/promise.js:2776:14)
      at [object Object].promise.ControlFlow.goog.defineClass.goog.defineClass.abort_.error.executeNext_ (fakepath/node_modules/grunt-protractor-runner/node_modules/selenium-webdriver/lib/goog/../webdriver/promise.js:2758:21)
      at goog.async.run.processWorkQueue (fakepath\node_modules\grunt-protractor-runner\node_modules\selenium-webdriver\lib\goog\async\run.js:124:15)
      at process._tickCallback (node.js:405:9)
  Error
      at [object Object].ElementArrayFinder.applyAction_ (fakepath\node_modules\grunt-protractor-runner\node_modules\protractor\lib\element.js:382:21)
      at [object Object].ElementArrayFinder.(anonymous function) [as click] (fakepath\node_modules\grunt-protractor-runner\node_modules\protractor\lib\element.js:78:17)
      at [object Object].ElementFinder.(anonymous function) [as click] (fakepath\node_modules\grunt-protractor-runner\node_modules\protractor\lib\element.js:711:7)
      at World.<anonymous> (fakepath\Static\test\e2e\steps\test.steps.js:21:18)

然后我可以继续下一步

失败的场景： fakepath\test\e2e\features\test.feature:3 # 场景：确认警告

1 个场景（1 个失败） 3 个步骤（1 个失败，1 个跳过，1 个通过） 0m02.814s [启动器] 0 个 WebDriver 实例仍在运行 [启动器] chrome #1 失败 1 次测试 [启动器] 总体：1 个失败的规范 [启动器] 进程退出，错误代码 1

测试失败，但保持 grunt 进程处于活动状态。

完成，没有错误。

这太疯狂了，因为如果我手动访问该页面，则该元素具有预期的 ID。当测试运行并且浏览器启动时，我可以在浏览器再次关闭之前在页面上看到该元素！

如果它能够准确指定它认为不可见的元素，那将有所帮助

Answer 1

我发现，如果您不在步骤中包装回调，事情似乎不会保持顺序。我会尝试重写您的步骤如下：

this.Given(/^I go to "([^"]*)"$/, function (path, callback) {
    browser.get(path).then(function(){callback();});
});

this.When(/^When I have checked the checkbox$/, function (callback) {
    var checkbox = element(by.id('check'));
    checkbox.click().then(function(){callback();});
});

this.Then(/^the button is enabled$/, function (callback) {
    var button = element(by.id('next'));
      chai.expect(button.isEnabled()).to.eventually.equal(true)
         .and.notify(callback);
});

这样，直到量角器完成它需要做的事情之后，回调才会被执行。

Answer 2

通常以下事项有助于解决“元素不可见”错误：

• 移动到元素然后点击：

  browser.actions().mouseMove(checkbox).click().perform();
  

• 滚动到元素的视图然后点击：

  browser.executeScript("arguments[0].scrollIntoView();", checkbox.getWebElement());
  checkbox.click();
  

• 通过 JavaScript 点击（另见WebDriver click() vs JavaScript click()）：

  browser.executeScript("arguments[0].click();", checkbox.getWebElement());