如何使用intern测试框架正确设计页面对象
How to correctly design page objects using theintern testing framework
我正在使用 theintern 框架创建功能测试。我想使用 "page objects" 为我的测试建模,因为我希望代码可以重用。
在最初的 documentation 中,有一个非常简化的示例,展示了如何使用一个名为 'login' 的方法创建页面对象。
在此示例中,此方法的所有逻辑都在方法本身内部。
我想创建一个页面对象来表示比登录页面稍微复杂一点的页面,并且能够为不同的操作重用页面内的组件。
这是我想做的一个例子:
// in tests/support/pages/IndexPage.js
define(function (require) {
// the page object is created as a constructor
// so we can provide the remote Command object
// at runtime
function IndexPage(remote) {
this.remote = remote;
}
function enterUsername(username) {
return this.remote
.findById('login').click().type(username).end();
}
function enterPassword(pass) {
return this.remote
.findById('password').click().type(pass).end();
}
IndexPage.prototype = {
constructor: IndexPage,
// the login function accepts username and password
// and returns a promise that resolves to `true` on
// success or rejects with an error on failure
login: function (username, password) {
return this
.enterUsername(username)
.enterPassword(password)
.findById('loginButton')
.click()
.end()
// then, we verify the success of the action by
// looking for a login success marker on the page
.setFindTimeout(5000)
.findById('loginSuccess')
.then(function () {
// if it succeeds, resolve to `true`; otherwise
// allow the error from whichever previous
// operation failed to reject the final promise
return true;
});
},
// …additional page interaction tasks…
};
return IndexPage;
});
请注意我是如何创建 enterUsername
和 enterPassword
方法的。
这是因为我想在同一页面对象的其他测试中重用这些方法。这个问题是我不能链接这些方法,它不起作用。
可以链接所有 return Command
对象的方法,但是当我链接我的方法时,它们没有在 Command
方法上定义,所以第一个方法得到调用(在我的示例中,这是 enterUsername
),但随后第二个失败,显然是因为 enterPassword
未在 Command
对象上定义。
我想知道如何为我的页面对象建模,以便我可以重用页面对象中的部分代码,但仍然有像这样的流畅语法。
提前致谢:)
最简单的解决方案是将您的方法用作 then
回调处理程序,例如:
function enterName(username) {
return function () {
return this.parent.findById('login').click().type(username);
}
}
function enterPassword(password) {
return function () {
return this.parent.findById('password').click().type(pass).end();
}
}
IndexPage.prototype = {
constructor: IndexPage,
login: function (username, password) {
return this.remote
.then(enterUsername(username))
.then(enterPassword(password))
.findById('loginButton')
// ...
}
}
我正在使用 theintern 框架创建功能测试。我想使用 "page objects" 为我的测试建模,因为我希望代码可以重用。
在最初的 documentation 中,有一个非常简化的示例,展示了如何使用一个名为 'login' 的方法创建页面对象。
在此示例中,此方法的所有逻辑都在方法本身内部。
我想创建一个页面对象来表示比登录页面稍微复杂一点的页面,并且能够为不同的操作重用页面内的组件。
这是我想做的一个例子:
// in tests/support/pages/IndexPage.js
define(function (require) {
// the page object is created as a constructor
// so we can provide the remote Command object
// at runtime
function IndexPage(remote) {
this.remote = remote;
}
function enterUsername(username) {
return this.remote
.findById('login').click().type(username).end();
}
function enterPassword(pass) {
return this.remote
.findById('password').click().type(pass).end();
}
IndexPage.prototype = {
constructor: IndexPage,
// the login function accepts username and password
// and returns a promise that resolves to `true` on
// success or rejects with an error on failure
login: function (username, password) {
return this
.enterUsername(username)
.enterPassword(password)
.findById('loginButton')
.click()
.end()
// then, we verify the success of the action by
// looking for a login success marker on the page
.setFindTimeout(5000)
.findById('loginSuccess')
.then(function () {
// if it succeeds, resolve to `true`; otherwise
// allow the error from whichever previous
// operation failed to reject the final promise
return true;
});
},
// …additional page interaction tasks…
};
return IndexPage;
});
请注意我是如何创建 enterUsername
和 enterPassword
方法的。
这是因为我想在同一页面对象的其他测试中重用这些方法。这个问题是我不能链接这些方法,它不起作用。
可以链接所有 return Command
对象的方法,但是当我链接我的方法时,它们没有在 Command
方法上定义,所以第一个方法得到调用(在我的示例中,这是 enterUsername
),但随后第二个失败,显然是因为 enterPassword
未在 Command
对象上定义。
我想知道如何为我的页面对象建模,以便我可以重用页面对象中的部分代码,但仍然有像这样的流畅语法。
提前致谢:)
最简单的解决方案是将您的方法用作 then
回调处理程序,例如:
function enterName(username) {
return function () {
return this.parent.findById('login').click().type(username);
}
}
function enterPassword(password) {
return function () {
return this.parent.findById('password').click().type(pass).end();
}
}
IndexPage.prototype = {
constructor: IndexPage,
login: function (username, password) {
return this.remote
.then(enterUsername(username))
.then(enterPassword(password))
.findById('loginButton')
// ...
}
}