javascript - Cypress Cucumber，如何在一个步骤中从页面获取数据并在另一个场景步骤中使用它

Question

下面是我的场景，在一个场景中，我从页面获取数据并将其作为别名保存在变量中。然后我想在其他场景中使用相同的变量/数据来放入输入字段。我正在使用 Alias 但出现此错误。

cy.wait() 找不到注册的别名:@Orderinfo。你还没有为任何东西起别名。

即使它正确地关联了。数据存储在@Orderinfo 中，但在其他 sceanrio 步骤中不可访问。

Then("Get Data from page", () => {
  cy.get(".os-order-number").invoke("text").then(($Oid) => {
    let Order = $Oid.text();
    let Order_id = Order.replace(/[^0-9]/g, "");
    cy.wrap(Order_id).as("Orderinfo");
  });
});


Given("Go to Login", () => {
  cy.visit("https://dev.simplifyshopping.com/register/");
});

When("Paste variable here", () => {
  cy.wait(2000);
  cy.wait("@Orderinfo")
  cy.get("@Orderinfo")).then((Orderinfo) => {
    console.log(Orderinfo);
    cy.get("#id_email").type(Orderinfo);
  });
});

Answer 1

因此，使用 Cucumber 预处理器的 Cypress 可以跨同一场景的多个步骤使用，也可以重叠场景。

<强>1。在同一场景的多个步骤中使用值

引用问题中的示例，Order_Id 可以在步骤之外定义，因此可以从所有步骤在全局范围内访问。如果我正确理解代码，它会是这样的(可能不需要的代码被注释掉了):

let Order_id;

Then("Get Data from page", () => {
  cy.get(".os-order-number").invoke("text").then(($Oid) => {
    let Order = $Oid.text();
    Order_id = Order.replace(/[^0-9]/g, "");
    // cy.wrap(Order_id).as("Orderinfo");
  });
});


Given("Go to Login", () => {
  cy.visit("https://dev.simplifyshopping.com/register/");
});

When("Paste variable here", () => {
  cy.wait(2000);
  // cy.wait("@Orderinfo")
  // cy.get("@Orderinfo")).then((Orderinfo) => {
  //  console.log(Orderinfo);
  //  cy.get("#id_email").type(Orderinfo);
  // });

  console.log(Order_id);
  cy.get("#id_email").type(Order_id);
});

<强>2。跨场景使用值(跨测试保持状态)

例如，为了在不同场景的执行过程中访问某些值，可以创建一个包含以下代码的 helper.js 文件:

export const stateStore = {};

在步骤定义文件中，您可以导入 stateStore 并根据需要用值填充它:

import { Given, When } from 'cypress-cucumber-preprocessor/steps';
import { stateStore } from '../helpers';

// step used in first scenario
Given('some value is made available in scenario 1', () => {
  stateStore.someValue = 'this is a value';
});

// step used in second scenario
When('this value can be used in another step of scneario 2', () => {
  console.log(`Print some value: ${stateStore.someValue}`);
});