javascript - Protractor 场景的写法

Question

假设 Angular 应用程序包含两个页面:联系人(包含带有联系人列表的表格和“添加新联系人”按钮)和新联系人页面(带有用于添加新联系人的表单)。我想写那个场景:

1. 点击添加按钮
2. 检查“新联系人”页面是否打开
3. 输入联系人数据
4. 按添加按钮
5. 检查表中是否有新联系人

对于这些页面，我的页面对象具有“单击某些按钮”、“输入某些字段”等功能，并且所有功能都返回 promise 。

编写测试场景的最佳方式是什么:使用 js 链接等

contactPage.clickAddButton()
.then(function () {
    return newContactPage.checkUrl();
})
.then(function () {
    return newContactPage.inputData(data);
})
.then(function () {
    return newContactPage.clickAddButton();
})
.then(function () {
    return checkContact(data);
})
.then(function (succes) {
}, function (error) {
    console.error(error);
});

或者我可以这样写:

contactPage.clickAddButton();
newContactPage.checkUrl();
newContactPage.inputData(data);
newContactPage.clickAddButton();
checkContact(data);

将场景拆分为多个“它”函数是否有意义？

Answer 1

无需显式解决 promise 。 Protractor 有一个 Control Flow并开箱即用地处理 promise 队列。由于这是一个单一的场景，你可以将它留在一个单一的 it() 中，除非你不重复自己:

contactPage.clickAddButton();
newContactPage.checkUrl();
newContactPage.inputData(data);
newContactPage.clickAddButton();
checkContact(data);