Nightwatch js 在所有步骤中使用页面对象作为变量

Question

我有一些带有代码的页面对象文档：

var gmailItemClicks = {
    composeClick: function () {
        return this.section.leftToolbarSection.click('@compose');
    }
};
module.exports = {
    commands: [gmailItemClicks],
    sections: {
        leftToolbarSection: {
            selector: '.nH.oy8Mbf.nn.aeN',
            elements: {
                compose: { selector: '.T-I.J-J5-Ji.T-I-KE.L3' },
            }
        },
};

和包含许多步骤的测试文件，如下所示：

module.exports = {    
    '1st step': function (client) {
        gmail.composeClick();
    },
    '2d step': function (client) {
        gmail.composeClick();
    }
}

如果每个步骤都像这样，我可以使用 'gmail' 变量：

module.exports = {    
    '1st step': function (client) {
        var gmail = client.page.gmail();
        gmail.composeClick();
    },
    '2d step': function (client) {
        var gmail = client.page.gmail();
        gmail.composeClick();
    }
}

但我想在步骤中将此 var 与测试代码分开。我尝试使用

const gmail = require('./../pages/gmail');

在 module.exports 块之前的测试中，我尝试使用具有相同语法的 globals.js 文件，但出现错误“✖ TypeError: gmail.composeClick 不是函数".
现在我只有一个大函数，其中所有步骤都使用变量在 func 中声明一次，但测试日志看起来很难看，我看不到一步开始的时间和停止的位置。
我错过了什么？

Answer 1

您可以在前面的块中创建对象。这是我的代码中的样子：

(function gmailSpec() {
  let gmailPage;
  function before(client) {
    gmailPage = client.page.gmail();
    gmailPage.navigate()
  }
  function after(client) {
    client.end();
  }

  function firstStep() {
    gmailPage.composeClick()
  }

  function secondStep() {
    gmailPage.composeClick()
  }

  module.exports = {
    before,
    after,
    '1st step': firstStep,
    '2nd step': secondStep
  }
}());

希望对你有帮助:)

Nightwatch js 在所有步骤中使用页面对象作为变量

Nightwatch js Using page objects as variable in all steps

javascript

nightwatch.js

e2e-testing

pageobjects