如何在TestCafe Fixture中全局捕获500/502错误并终止测试？

你当前的核心问题是：如何在Fixture/全局层面自动检测500/502错误，而无需每个测试手动包裹waitForFailedRequest。下面针对你的代码给出具体修改方案：

一、重构FailedRequestsLogger类 #

首先需要给钩子添加重置逻辑，避免跨测试的失败请求状态污染，同时简化错误检测逻辑：

import EventEmitter from 'events'
import { RequestHook } from 'testcafe'

export class FailedRequestsLogger extends RequestHook {
    constructor(requestFilterRules, responseEventConfigureOpts) {
        super(requestFilterRules, responseEventConfigureOpts)
        this.events = new EventEmitter()
        this.resetFailedTracking()
    }

    // 重置失败请求追踪状态，每个测试前调用
    resetFailedTracking() {
        this.hasFailedRequest = false
        this.failureStatusCode = null
        this.events.removeAllListeners('failed-request')
        this.events.once('failed-request', statusCode => {
            this.hasFailedRequest = true
            this.failureStatusCode = statusCode
        })
    }

    async onRequest(event) { }

    async onResponse(event) {
        // 只记录首次500+错误，避免重复触发
        if (event.statusCode >= 500 && !this.hasFailedRequest) {
            this.events.emit('failed-request', event.statusCode)
        }
    }

    // 保留原有的race逻辑，用于包裹测试代码
    async waitForFailedRequest(action) {                                                                                                          
        return Promise.race([                                                                                                                
                action(),                                                                                                                    
                new Promise((_, reject) => {
                    this.events.once('failed-request', statusCode => {
                        reject(new Error(`请求失败，状态码：${statusCode}`))
                    })
                })
        ])                                                                                                                
    }

    // 测试结束后统一检查是否有失败请求
    async checkForFailedRequests() {
        if (this.hasFailedRequest) {
            throw new Error(`请求失败，状态码：${this.failureStatusCode}`)
        }
    }
}

二、全局生效的两种实现方式 #

方案1：自定义测试函数（立即终止测试） #

如果需要一旦检测到500+错误就立即终止测试，可以创建自定义测试函数，自动将测试逻辑作为action传入waitForFailedRequest：

import { ClientFunction, Selector } from 'testcafe'
import { FailedRequestsLogger } from '../../api/failed_request_hook'
// 导入其他PO和数据...

const failed_requests = new FailedRequestsLogger(/.*reborncf\.com/)

// 自定义测试函数，自动集成失败请求检测
function testWithFailureCheck(testName, testAction) {
    test(testName, async t => {
        failed_requests.resetFailedTracking()
        // 将测试逻辑作为action传入，并行执行测试和错误监听
        await failed_requests.waitForFailedRequest(() => testAction(t))
    })
}

fixture `sites - url redirects`
  .page `${HelperObjects.get_base_url()}`
  .requestHooks(failed_requests)
  .beforeEach(async t => {
    await LoginPageObjects.login_with_password()
  })

// 使用自定义函数编写测试，无需手动包裹
testWithFailureCheck('测试URL重定向列表加载', async t => {
    await t.click(SitesPageObjects.urlRedirectsLink)
    await t.expect(URLRedirectsPageObjects.redirectList.exists).ok()
})

testWithFailureCheck('测试添加新重定向', async t => {
    await t.click(SitesPageObjects.urlRedirectsLink)
    await URLRedirectsPageObjects.addNewRedirect('old-path', 'new-path')
    await t.expect(URLRedirectsPageObjects.successTip.exists).ok()
})

方案2：Fixture钩子（测试结束后检查） #

如果允许测试执行完成后再报告错误，可以用beforeEach重置状态、afterEach统一检查：

import { ClientFunction, Selector } from 'testcafe'
import { FailedRequestsLogger } from '../../api/failed_request_hook'
// 导入其他PO和数据...

const failed_requests = new FailedRequestsLogger(/.*reborncf\.com/)

fixture `sites - url redirects`
  .page `${HelperObjects.get_base_url()}`
  .requestHooks(failed_requests)
  .beforeEach(async t => {
    failed_requests.resetFailedTracking() // 每个测试前重置追踪状态
    await LoginPageObjects.login_with_password()
  })
  .afterEach(async t => {
    await failed_requests.checkForFailedRequests() // 测试结束后检查错误
  })

// 正常编写测试即可，无需额外包裹
test('测试URL重定向编辑', async t => {
    await t.click(SitesPageObjects.urlRedirectsLink)
    await EditUrlRedirectsObjects.editRedirect('old-path', 'updated-path')
    await t.expect(EditUrlRedirectsObjects.saveSuccess.exists).ok()
})

三、原代码问题说明 #

你之前在beforeEach中直接调用await failed_requests.waitForFailedRequest()但未传action，会导致两个问题：

1. Promise.race中的action()执行报错，因为没有传入函数
2. 此时测试逻辑还未开始，无法监听测试过程中产生的请求错误

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