如何在TestCafe中实现Fixture下前置用例失败时跳过后续用例？

我需要测试三个场景步骤：1. 创建（Create）；2. 编辑（Edit）；3. 删除（Delete）。已准备好测试用例，但需要实现条件跳过：如果Create测试用例（TC）失败，则跳过Edit和Delete测试用例。请问是否可通过钩子（hooks）、测试上下文（test Context）等现有机制实现？是否有可行逻辑达成该需求？期望实现的示例代码如下：

test('Verify Create New Account Functioning Successfully', async (t: TestController) => {
    // if this fails, I can set a variable x=fail
});

test('Verify Edit Account Functioning Successfully', async (t: TestController) => {
    // Skip this as create test case failed
    if(x == fail) {
        test.skip(t.this test);
    }
});

完全可以通过测试上下文或状态共享结合测试框架的跳过API实现，以下是针对TestCafe（从代码中的TestController判断）的两种可行方案：

方案1：全局状态标记+跳过API #

通过全局变量记录Create测试的执行状态，后续测试读取该状态决定是否跳过：

// 全局变量存储Create测试的执行结果
let createTestPassed = true;

fixture('账户管理测试')
    .page('你的测试页面URL');

test('验证创建新账户功能正常', async (t: TestController) => {
    try {
        // 编写Create测试步骤
        await t
            .typeText('#username', 'test-user')
            .typeText('#password', 'test-pass')
            .click('#submit-create');
        
        // 断言创建成功
        await t.expect(Selector('#account-created').exists).ok();
    } catch (error) {
        createTestPassed = false;
        // 抛出错误，让测试标记为失败
        throw error;
    }
});

test('验证编辑账户功能正常', async (t: TestController) => {
    // 若Create失败，跳过当前测试
    if (!createTestPassed) {
        await t.skip;
    }

    // 编写Edit测试步骤
    await t
        .click('#edit-account')
        .typeText('#new-email', 'new-test@example.com')
        .click('#submit-edit');
    
    await t.expect(Selector('#email-updated').exists).ok();
});

test('验证删除账户功能正常', async (t: TestController) => {
    if (!createTestPassed) {
        await t.skip;
    }

    // 编写Delete测试步骤
    await t
        .click('#delete-account')
        .click('#confirm-delete');
    
    await t.expect(Selector('#account-deleted').exists).ok();
});

方案2：Fixture上下文存储状态（更符合框架设计） #

利用TestCafe的fixture上下文存储状态，避免全局变量的副作用：

fixture('账户管理测试')
    .page('你的测试页面URL')
    .beforeEach(async (t) => {
        // 初始化上下文状态
        if (t.fixtureCtx.createTestPassed === undefined) {
            t.fixtureCtx.createTestPassed = true;
        }
    });

test('验证创建新账户功能正常', async (t: TestController) => {
    try {
        // Create测试步骤...
        await t.expect(Selector('#account-created').exists).ok();
    } catch (error) {
        t.fixtureCtx.createTestPassed = false;
        throw error;
    }
});

test('验证编辑账户功能正常', async (t: TestController) => {
    if (!t.fixtureCtx.createTestPassed) {
        await t.skip;
    }
    // Edit测试步骤...
});

test('验证删除账户功能正常', async (t: TestController) => {
    if (!t.fixtureCtx.createTestPassed) {
        await t.skip;
    }
    // Delete测试步骤...
});

核心逻辑说明 #

• 在Create测试中通过try/catch捕获失败，一旦失败就将状态标记为false，同时抛出错误保证测试结果显示为失败。
• 后续测试开头检查状态，若Create失败则调用await t.skip跳过，框架会自动将该测试标记为「跳过」状态，测试报告中会清晰体现。

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