如何在Mocha的beforeEach中初始化变量并传入Cypress共享测试逻辑

Mocha的测试执行分为两个独立阶段：

• 第一阶段是测试结构构建阶段：会先执行所有describe、context块内的顶层代码，扫描注册所有it测试用例，这个阶段before、beforeEach等钩子函数都不会触发
• 第二阶段是测试用例执行阶段：按照注册顺序执行钩子函数、it块内的逻辑

你初始代码里的console.log(ctx)和consumeCtx(ctx)都写在context块的顶层，属于第一阶段就会执行的代码，此时beforeEach还没有运行，ctx还没有被赋值，自然拿到的是undefined。同时你把describe、it写在consumeCtx内部，也是在第一阶段就完成了测试结构注册，ctx的赋值永远不会生效。

你更新后的代码是完全可行的，完全符合你要复用测试逻辑的需求：
你把共享函数的调用移到了it块内部，且通过Cypress的别名机制cy.wrap().as() + cy.get('@别名')获取上下文，这部分逻辑都属于测试用例执行阶段，beforeEach已经完成了ctx的赋值，能正确拿到预期的值。不同的spec文件可以定义自己的ctx数据，传入模板的共享函数使用，互不干扰。

可以根据你的ctx生成场景选择更简洁的写法：

场景1：ctx为当前spec固定的静态数据，不需要动态生成 #

不需要走别名和异步then逻辑，直接把测试逻辑生成函数封装在模板文件，传入固定ctx即可：

// example-spec.ts
import { generateVoucherTests } from './example-template.ts'
const ctx = '当前spec特有的测试数据'

context('Voucher tests', function () {
    describe('Logged in user', function () {
        // 直接传入当前spec的ctx生成对应测试用例
        generateVoucherTests(ctx)
    })
})

// example-template.ts
export function generateVoucherTests(ctx: string) {
  it('valid voucher', function () {
    cy.log('Logic for valid test', ctx)
  })

  it('invalid voucher', function () {
    cy.log('Logic for invalid test', ctx)
  })
}

场景2：ctx需要在beforeEach中动态生成（比如依赖接口请求、页面操作结果） #

可以把读取别名的逻辑封装到共享函数内部，省略每个it块里重复的cy.get('@ctx')代码：

// example-template.ts
export function validCtxTest() {
  cy.get<string>('@ctx').then(ctx => {
    cy.log('Logic for valid test', ctx)
  })
}

export function invalidCtxTest() {
  cy.get<string>('@ctx').then(ctx => {
    cy.log('Logic for invalid test', ctx)
  })
}

// example-spec.ts 内的it块可以简化为
it('valid voucher ', function () {
  validCtxTest()
})

it('invalid voucher ', function () {
  invalidCtxTest()
})

内容的提问来源于stack exchange，提问作者mismas