如何在TestCafe中全局记录每个Fixture/Test执行前的名称

你遇到的.testcaferc.js中钩子上下文ctx为空的问题是正常的——TestCafe的配置文件钩子属于全局初始化阶段，并未关联具体的Fixture或Test实例，因此无法直接获取名称。以下是几种无需修改单个测试即可实现全局日志记录的方案：

方案一：使用自定义Reporter（推荐，稳定可靠） #

TestCafe的Reporter机制可以监听测试生命周期的所有事件，包括Fixture和Test的启动，能轻松获取名称信息，且无需修改现有测试代码。

1. 创建自定义Reporter文件（比如custom-logger.js）：

module.exports = {
    name: 'custom-logger',
    // Fixture启动时触发
    async reportFixtureStart(name) {
        console.log(`Executing fixture: ${name}`);
    },
    // Test启动时触发
    async reportTestStart(name) {
        console.log(`Running test: ${name}`);
    }
};

2. 在.testcaferc.js中配置启用该Reporter：

module.exports = {
    reporters: [
        './custom-logger.js', // 引入自定义Reporter
        'spec' // 保留默认的Spec格式报告，可按需移除
    ]
};

3. 正常运行TestCafe即可看到日志：

testcafe chrome ./tests/**/*.js

方案二：使用TestCafe编程式API #

通过编写启动脚本，直接注册全局Fixture和Test前置钩子，能精准获取名称：

创建启动脚本test-runner.js：

const createTestCafe = require('testcafe');

let testcafeInstance = null;

createTestCafe('localhost', 1337, 1338)
    .then(testcafe => {
        testcafeInstance = testcafe;
        const runner = testcafe.createRunner();

        // 注册全局Fixture前置钩子
        testcafe.fixtureHook((fixtureName) => {
            console.log(`Executing fixture: ${fixtureName}`);
        }, 'before');

        // 注册全局Test前置钩子
        testcafe.testHook((testName) => {
            console.log(`Running test: ${testName}`);
        }, 'before');

        return runner
            .src('./tests/**/*.js') // 替换为你的测试文件路径
            .browsers('chrome')
            .run();
    })
    .then(failedCount => {
        console.log(`Tests failed: ${failedCount}`);
        testcafeInstance.close();
    });

运行脚本启动测试：

node test-runner.js

方案三：全局钩子文件（依赖内部API） #

通过--hooks命令行参数加载全局钩子文件，利用TestCafe内部API获取名称（注意：内部API可能随版本更新变化）：

创建全局钩子文件global-hooks.js：

import { fixture, test } from 'testcafe';

// 全局Fixture前置钩子
fixture.beforeEach(async t => {
    const fixtureName = t.testRun.test.fixture.name;
    console.log(`Executing fixture: ${fixtureName}`);
});

// 全局Test前置钩子
test.before(async t => {
    const testName = t.testRun.test.name;
    console.log(`Running test: ${testName}`);
});

运行TestCafe时指定钩子文件：

testcafe chrome ./tests/**/*.js --hooks ./global-hooks.js

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