Cypress Cucumber-我如何使我的步骤运行有序？

Question

这里对Javascript/Cypress比较陌生。我正在使用Cypress Cucumber.js插件运行一些测试。问题是，由于JS的异步特性，我无法使步骤按顺序运行--“then”步骤在“gived etc”之前运行。显然，这成为一个问题，因为测试将失败！

我的问题：

1）如何使用异步代码使黄瓜步骤始终按顺序运行？我在这里看到了一个类似的问题：如何等待JavaScript Promise在恢复函数之前解决？根据响应，我对给定块应用了async/await，希望它能在步骤中强制执行命令，但这没有起到作用。

下面是我的功能文件：

Given I get the data from CMS
Then I can verify that the title is the same as the CMA title in tab "0"
And I can verify that the link is the correct link in tab "0"

步骤：

  Given('I get the data from CMS', async() => {

    let api = await Api.buildDevApi();
    expectedNav = await new NavExpected(api);
    console.log('1');
  });

  Then('I can verify that the title is the same as the CMA title in tab {string}', (index) => {

    cy.root().find(".primary-item").eq(index).children().first(".nav-link").as('nav');
    cy.get('@nav').should(async(text) => {
      let title = await expectedNav.expectedTitle(index);
      expect(text.get(0).innerText).to.eq(title);
    })
    console.log('2');
  });

  Then('I can verify that the link is the correct link in tab {string}', (index) => {

    cy.get('@nav').should(async(url) => {
      let link = await expectedNav.expectedLink(index);
      expect(url.attr('href')).to.eq(link);
    })
    console.log('3');
  });

  Given('I get the data from Prismic T1', () => {
    return new Cypress.Promise((resolve) => {
      PrismicApi.buildDevApi().then(api => {
        expectedNav = new NavExpected(api);
        resolve();
        console.log('1');
      });
    });
  });

可惜，没有运气...给出的仍然是最后的记录。

任何帮助都将非常感谢，我很乐意提供进一步的澄清。：）

Answer 1

我正在使用Cypress和Typescript和Cucumber预处理器，功能文件中的所有步骤同步运行，检查版本和示例：Test Repo Cypress-Cucumber-Typescript