如何在独立模式下调试 webdriverio?
How to debug webdriverio in standalone mode?
http://webdriver.io/guide/getstarted/modes.html
尝试使用 Chrome 驱动程序调试 webdriverio 测试,我绝对会发疯。您根本无法单步执行代码,因为 webdriverio 命令是异步的,并且浏览器会话与测试不同步。
这很令人沮丧,因为阅读文档时,您似乎需要像 Chai 或 wdio 这样的测试框架来生成测试,但这似乎只是为了拥有过程同步命令需要做很多工作。
我只需要使用 webdriverio 抓取一些网站,但是使用 Chrome devtools 调试这个异步命令太难了。
有没有办法强制 webdriverio 同步运行?
例如)
var loadedPage = webdriverio.remote(options).init().url('https://google.com');
除了 loadedPage
尚未准备好并且在调试移至下一行时未定义。
正如您正确指出的那样,一切都是异步的,但是如果您有传统的顺序编程背景,使用 WDIO 也可以选择完全同步。
异步方法(不使用WDIO test-runner):
首先,您需要阅读一些关于 JavaScript Promises 的内容,尤其是 .then()
函数。
var webdriverio = require('webdriverio');
var options = { desiredCapabilities: { browserName: 'chrome' } };
var client = webdriverio.remote(options);
client
.init()
.url('https://duckduckgo.com/')
.setValue('#search_form_input_homepage', 'WebdriverIO')
.click('#search_button_homepage')
.getTitle()
.then(function(title) {
console.log('Title is: ' + title);
// outputs: "Title is: WebdriverIO (Software) at DuckDuckGo"
})
.end();
使用上述方法,您将总是必须链接您的命令,但您也可以在.then()
语句中使用同步命令。
出于调试目的,WebdriverIO 开箱即用,设计精美 Read-Eval-Print-Loop (REPL) interface in the form of the .debug()
command。只需将它添加到您希望执行停止的位置之前的测试用例中,这样您就可以在您选择的终端中进行调试。
注意: .debug()
命令的默认超时时间很短。确保增加它。
同步方法(使用WDIO test-runner):
为什么不使用 WDIO 测试-运行ner 让您的生活更轻松?您可以从 运行启用向导开始:
// if you installed the package globally, or you have the wdio
// binary in your PATH
wdio config
// or. from the root of your project
./node_nodules/.bin/wdio config
以上将在您的项目根目录中生成 wdio.conf.js
文件。 test-运行ner 将使用它来 运行 你的测试用例。 test-运行ner也抽象了你的.client()
的初始化,你就不用再去处理它了。只需选择一个框架来 运行 你的测试用例(Mocha、Cucumber 或 Jasmine)并开始编写你的测试。
注意:从现在开始,browser
将成为您的驱动程序对象。
此外,请确保您已将 wdio.conf.js
文件配置为支持这种 运行 测试用例的方式:设置同步标志以支持这种方法:sync: true
。您可以通过 wdio wdio.conf.js
命令 运行 您的测试。
您的测试应如下所示(使用 Mocha):
var expect = require('chai').expect;
describe("Testing Robots Emporium Test Suite", function() {
beforeEach(function() {
// ==> Your setup here <==
browser.url('http://www.kevinlamping.com/webdriverio-course-content/index.html')
var currentUrl = browser.getUrl();
expect(currentUrl).include("/index.html");
})
it("The FAQs was rendered properly", function() {
var height = browser.getCssProperty("ul.accordion", 'height');
// Added a debug step just to show you how easy it is to debug
browser.debug();
expect(height.parsed.value).to.be.above(300);
// The first element was expanded
var firstItemText = browser.getText('ul.accordion li:nth-of-type(1) div');
expect(firstItemText).to.contain('be of the metal type.');
});
afterEach(function() {
// ==> Your cleanup here <==
});
});
异步方法(使用WDIO test-runner):
这是我的首选方法。它为您提供了对测试用例执行的最佳控制,但如果您刚刚开始,我不推荐它。基本上就是上面的例子,但是所有的命令都是链式的。
注意:确保为此设置了 sync: false
标志。
http://webdriver.io/guide/getstarted/modes.html
尝试使用 Chrome 驱动程序调试 webdriverio 测试,我绝对会发疯。您根本无法单步执行代码,因为 webdriverio 命令是异步的,并且浏览器会话与测试不同步。
这很令人沮丧,因为阅读文档时,您似乎需要像 Chai 或 wdio 这样的测试框架来生成测试,但这似乎只是为了拥有过程同步命令需要做很多工作。
我只需要使用 webdriverio 抓取一些网站,但是使用 Chrome devtools 调试这个异步命令太难了。
有没有办法强制 webdriverio 同步运行?
例如)
var loadedPage = webdriverio.remote(options).init().url('https://google.com');
除了 loadedPage
尚未准备好并且在调试移至下一行时未定义。
正如您正确指出的那样,一切都是异步的,但是如果您有传统的顺序编程背景,使用 WDIO 也可以选择完全同步。
异步方法(不使用WDIO test-runner):
首先,您需要阅读一些关于 JavaScript Promises 的内容,尤其是
.then()
函数。var webdriverio = require('webdriverio'); var options = { desiredCapabilities: { browserName: 'chrome' } }; var client = webdriverio.remote(options); client .init() .url('https://duckduckgo.com/') .setValue('#search_form_input_homepage', 'WebdriverIO') .click('#search_button_homepage') .getTitle() .then(function(title) { console.log('Title is: ' + title); // outputs: "Title is: WebdriverIO (Software) at DuckDuckGo" }) .end();
使用上述方法,您将总是必须链接您的命令,但您也可以在
.then()
语句中使用同步命令。出于调试目的,WebdriverIO 开箱即用,设计精美 Read-Eval-Print-Loop (REPL) interface in the form of the
.debug()
command。只需将它添加到您希望执行停止的位置之前的测试用例中,这样您就可以在您选择的终端中进行调试。注意:
.debug()
命令的默认超时时间很短。确保增加它。同步方法(使用WDIO test-runner):
为什么不使用 WDIO 测试-运行ner 让您的生活更轻松?您可以从 运行启用向导开始:
// if you installed the package globally, or you have the wdio // binary in your PATH wdio config // or. from the root of your project ./node_nodules/.bin/wdio config
以上将在您的项目根目录中生成
wdio.conf.js
文件。 test-运行ner 将使用它来 运行 你的测试用例。 test-运行ner也抽象了你的.client()
的初始化,你就不用再去处理它了。只需选择一个框架来 运行 你的测试用例(Mocha、Cucumber 或 Jasmine)并开始编写你的测试。注意:从现在开始,
browser
将成为您的驱动程序对象。 此外,请确保您已将wdio.conf.js
文件配置为支持这种 运行 测试用例的方式:设置同步标志以支持这种方法:sync: true
。您可以通过wdio wdio.conf.js
命令 运行 您的测试。您的测试应如下所示(使用 Mocha):
var expect = require('chai').expect; describe("Testing Robots Emporium Test Suite", function() { beforeEach(function() { // ==> Your setup here <== browser.url('http://www.kevinlamping.com/webdriverio-course-content/index.html') var currentUrl = browser.getUrl(); expect(currentUrl).include("/index.html"); }) it("The FAQs was rendered properly", function() { var height = browser.getCssProperty("ul.accordion", 'height'); // Added a debug step just to show you how easy it is to debug browser.debug(); expect(height.parsed.value).to.be.above(300); // The first element was expanded var firstItemText = browser.getText('ul.accordion li:nth-of-type(1) div'); expect(firstItemText).to.contain('be of the metal type.'); }); afterEach(function() { // ==> Your cleanup here <== }); });
异步方法(使用WDIO test-runner):
这是我的首选方法。它为您提供了对测试用例执行的最佳控制,但如果您刚刚开始,我不推荐它。基本上就是上面的例子,但是所有的命令都是链式的。
注意:确保为此设置了
sync: false
标志。