Cypress defaultCommandTimeout配置不生效问题求助

你在cy.get()中设置的defaultCommandTimeout仅对cy.get()命令本身生效，链式调用里的.contains()、.should()等后续命令仍会使用Cypress全局默认的超时时间（默认4000ms）。当应用响应缓慢时，这些后续命令会先触发超时，导致你设置的20000ms超时没起到作用。

方案1：给每个关键命令单独设置超时 #

针对链式调用中每个可能超时的命令，单独添加timeout配置，确保每个步骤都有足够等待时间：

When('I pick {string} from the dropdown', (option) => {
    if (option !== '') {
        cy.get(commonPage.getMatOption(), { defaultCommandTimeout: 20000 })
            .contains(option, { timeout: 20000 })
            .scrollIntoView()
            .should('be.visible', { timeout: 20000 })
            .click({ timeout: 20000 })
    } else {
        cy.get('.cdk-overlay-transparent-backdrop').click({ force: true })
    }
});

方案2：临时修改全局超时（适合整个步骤都需要长等待的场景） #

在测试步骤开头修改全局默认超时，执行完步骤后恢复原配置，避免影响其他测试用例：

When('I pick {string} from the dropdown', (option) => {
    const originalTimeout = Cypress.config('defaultCommandTimeout');
    Cypress.config('defaultCommandTimeout', 20000);

    if (option !== '') {
        cy.get(commonPage.getMatOption())
            .contains(option)
            .scrollIntoView()
            .should('be.visible')
            .click()
    } else {
        cy.get('.cdk-overlay-transparent-backdrop').click({ force: true })
    }

    Cypress.config('defaultCommandTimeout', originalTimeout);
});

额外建议（针对Angular Material下拉框） #

如果是测试Angular的mat-select组件，推荐直接使用Cypress的.select()命令，它会自动处理下拉框展开、选项查找等逻辑，比手动定位mat-option更稳定：

When('I pick {string} from the dropdown', (option) => {
    if (option !== '') {
        // 假设mat-select的定位器是commonPage.getMatSelect()
        cy.get(commonPage.getMatSelect(), { timeout: 20000 })
            .select(option, { timeout: 20000 })
    } else {
        cy.get('.cdk-overlay-transparent-backdrop').click({ force: true })
    }
});

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