赛普拉斯中的异步性和变量覆盖

Question

我的问题是，您如何覆盖超出此范围的异步函数中的变量？ 我读到here 说问题是缺少回调。添加回调后，更改它的范围之外的变量（但变量本身仍然在正确的范围内）返回“未定义”。我做错了什么？

测试：

const savedVariableCallback = (variable) =>
  console.log(`Variable saved ${variable}`);

describe(() => {
      ...
      it("Sample input type", () => {
         let fixValue;
         cy.fixture("example.json").then(({ email }) => {
            actionsPage
            .selectSampleInput()
            .then((input) => {
               checkAmountOfElements(input, 1);
               checkVisiblity(input);
            })
            .type(email)
            .then((input) => {
               checkIfValue(input, email);
               fixValue = "Nice work";
               savedVariableCallback(fixValue);
            });
         });
         cy.log(`fixValue is: ${fixValue}`);
     });
})

我希望第一个日志显示Variable saved Nice work，第二个日志显示fixValue is: Nice work 变量。但是现在，我进入第一个日志Variable saved Nice work，但在第二个日志中我得到undefined。 我希望在 it() 方法范围内可以访问该变量。

Answer 1

编辑：由于参考不起作用，我建议使用allias 接近它

const savedVariableCallback = (variable) =>
    console.log(`Variable saved ${variable}`);

describe(() => {
...
    it("Sample input type", () => {
        cy.fixture("example.json").then(({ email }) => {
            actionsPage
                .selectSampleInput()
                .then((input) => {
                    checkAmountOfElements(input, 1);
                    checkVisiblity(input);
                })
                .type(email)
                .then((input) => {
                    checkIfValue(input, email);

                    let fixValue = "Nice work";
                    savedVariableCallback(fixValue);
                    cy.wrap(fixValue).as('fixValue')
                });
        });
        cy.get('@fixValue')
            .then(fixValue => {
                cy.log(`fixValue is: ${fixValue.value}`);
            })
    });
})

Answer 2

如果你改变了

cy.log(`fixValue is: ${fixValue}`)

到

console.log(`fixValue is: ${fixValue}`)

你可以看到记录的顺序

• fixValue 为：未定义
• 变量保存得很好

所以cy.log() 在命令添加到队列时获取fixValue 的值，即在cy.fixture() 运行之前，即使它实际上在cy.fixture() 之后运行。

您可以通过添加另一个.then() 将其推迟到cy.fixture() 完成

cy.fixture("example.json").then(data => {
  ...
})
.then(() => {
  // enqueued after the fixture code
  cy.log(`fixValue is: ${fixValue}`)     // now it sees the changed value
})

当然，所有需要使用fixValue 的下游都必须在.then() 回调中。

你也可以推迟对价值的“抢夺”

cy.then(() => cy.log(`fixValue is: ${fixValue}`))

或将cy.fixture() 拆分为before()，这将在测试开始之前解析变量

let fixValue;

before(() => {
  cy.fixture("example.json").then(data => {
    ...
    fixValue = ...
  })
})

it('tests', () => {
  cy.log(`fixValue is: ${fixValue}`)     // sees the changed value
})