How to share variable values in Cypress

在 Cypress 中，共享变量可以通过几种不同的方法来实现。以下是几种在多个测试案例中共享变量的方法：

1. 使用 Cypress 的全局状态对象 Cypress.env

Cypress.env 方法可以在测试中设置和获取环境变量。设置的环境变量在整个测试运行期间都是可用的，可以跨不同测试案例共享。

javascript
// 设置环境变量
Cypress.env('myVariable', 'someValue');

// 在不同的测试案例中获取环境变量
var mySharedVariable = Cypress.env('myVariable');

2. 使用 JavaScript 的全局变量

你可以在 cypress/support 文件夹中创建一个 .js 文件，并在其顶级作用域中声明变量。例如，创建 globals.js：

javascript
// 在 cypress/support/globals.js 中
let globalVariable = null;

module.exports = {
  setGlobalVariable(value) {
    globalVariable = value;
  },
  getGlobalVariable() {
    return globalVariable;
  },
};

然后，在 cypress/support/index.js 文件中引入这个模块：

javascript
// 在 cypress/support/index.js 中
import './globals';

现在，你可以在任何测试案例中使用 setGlobalVariable 和 getGlobalVariable 来设置和获取全局变量。

3. 使用 before 或 beforeEach 钩子

如果变量是在 before 或 beforeEach 钩子中设置的，并且你想在同一个 describe 块中的多个 it 测试案例之间共享，那么可以使用这些钩子的闭包来存储变量。

javascript
describe('Test Suite', () => {
  let sharedVariable;

  before(() => {
    // 在测试套件开始前设置变量，它将在下面的测试案例中被共享
    sharedVariable = 'shared value';
  });

  it('Test Case 1', () => {
    // 使用 sharedVariable
    cy.log(sharedVariable);
  });

  it('Test Case 2', () => {
    // 再次使用 sharedVariable
    cy.log(sharedVariable);
  });
});

4. 使用自定义 Cypress 命令

通过在 cypress/support/commands.js 文件中定义自定义命令，你可以存储和访问跨测试案例的变量。

javascript
// 定义自定义命令
Cypress.Commands.add('setSharedVariable', (value) => {
  Cypress.env('sharedVariable', value);
});

Cypress.Commands.add('getSharedVariable', () => {
  return Cypress.env('sharedVariable');
});

// 使用自定义命令
cy.setSharedVariable('someValue');
cy.getSharedVariable().then((value) => {
  // 使用 value
});

使用这些方法可以在 Cypress 的多个测试案例间共享变量，但是需要小心处理，以确保测试的独立性和可靠性不会因为共享状态而受到影响。