isVisible/waitForForVisible 的 WebDriver 元素返回 false
WebDriver element is returning false for isVisible/waitForForVisible
我正在 Meteor 应用程序中进行我的第一组 Cucumber 测试,但我无法使登录步骤正常工作。我的应用程序使用我专门为此项目编写的自定义登录插件。这是我目前用调试输出定义的步骤:
this.Given(/^I am logged in as a\/an "([^"]*)"$/, function(roleName, callback) {
this.browser
.url(url.resolve(process.env.HOST, '/'))
.waitForExist('#appSignIn');
this.browser.getHTML('#appSignIn', function(err, html) {
if (err) {
console.log('err: ', err);
} else {
console.log('link HTML: ', html);
}
});
this.browser.getCssProperty('#appSignIn', 'display', function(err, value) {
console.log('link HTML display: ', value);
});
browser.isVisible('#appSignIn', function(err, isVisible) {
console.log('#appSignIn', isVisible);
});
this.browser
.waitForVisible('#appSignIn')
.click('#appSignIn')
.waitForExist('#username')
.waitForVisible('#username')
.setValue('#username', 'test' + roleName)
.setValue('#password', 'test' + roleName)
.leftClick('#signin')
.waitForExist('#appSignOut')
.waitForVisible('#appSignOut')
.call(callback);
});
我在日志中看到的是这样的:
Scenario: # features/my.feature:11
Given The server data has been reset # features/my.feature:12
link HTML: <a id="appSignIn" href="/signin">Sign In</a>
link HTML display: { property: 'display',
value: 'block',
parsed: { type: 'ident', string: 'block' } }
#appSignIn false
And I am logged in as a/an "ADMIN" # features/my.feature:13
RuntimeError: RuntimeError
(ScriptTimeout:28) A script did not complete before its timeout expired.
Problem: Timed out waiting for asyncrhonous script result after 511 ms
基本上,我看到 HTML 输出,所以我知道元素在那里。我看到 CSS 设置为 display: block
,但随后 WebDriver 报告该元素在 isVisible 中不可见,并且类似地在 waitForVisible
调用中超时。 "Sign In" link 是 Bootstrap 可折叠导航栏的一部分,位于右上角。
问题很简单:视口的默认尺寸太小,导致 Bootstrap 导航元素折叠。我将浏览器大小设置为 1000x600,它按预期工作。
我正在 Meteor 应用程序中进行我的第一组 Cucumber 测试,但我无法使登录步骤正常工作。我的应用程序使用我专门为此项目编写的自定义登录插件。这是我目前用调试输出定义的步骤:
this.Given(/^I am logged in as a\/an "([^"]*)"$/, function(roleName, callback) {
this.browser
.url(url.resolve(process.env.HOST, '/'))
.waitForExist('#appSignIn');
this.browser.getHTML('#appSignIn', function(err, html) {
if (err) {
console.log('err: ', err);
} else {
console.log('link HTML: ', html);
}
});
this.browser.getCssProperty('#appSignIn', 'display', function(err, value) {
console.log('link HTML display: ', value);
});
browser.isVisible('#appSignIn', function(err, isVisible) {
console.log('#appSignIn', isVisible);
});
this.browser
.waitForVisible('#appSignIn')
.click('#appSignIn')
.waitForExist('#username')
.waitForVisible('#username')
.setValue('#username', 'test' + roleName)
.setValue('#password', 'test' + roleName)
.leftClick('#signin')
.waitForExist('#appSignOut')
.waitForVisible('#appSignOut')
.call(callback);
});
我在日志中看到的是这样的:
Scenario: # features/my.feature:11
Given The server data has been reset # features/my.feature:12
link HTML: <a id="appSignIn" href="/signin">Sign In</a>
link HTML display: { property: 'display',
value: 'block',
parsed: { type: 'ident', string: 'block' } }
#appSignIn false
And I am logged in as a/an "ADMIN" # features/my.feature:13
RuntimeError: RuntimeError
(ScriptTimeout:28) A script did not complete before its timeout expired.
Problem: Timed out waiting for asyncrhonous script result after 511 ms
基本上,我看到 HTML 输出,所以我知道元素在那里。我看到 CSS 设置为 display: block
,但随后 WebDriver 报告该元素在 isVisible 中不可见,并且类似地在 waitForVisible
调用中超时。 "Sign In" link 是 Bootstrap 可折叠导航栏的一部分,位于右上角。
问题很简单:视口的默认尺寸太小,导致 Bootstrap 导航元素折叠。我将浏览器大小设置为 1000x600,它按预期工作。