Cypress全局变量expected复用异常：JS Alert断言失败

你的测试失败原因主要有三点：

1. 监听器注册时机错误：先执行完所有触发alert的操作（循环添加客户/开户），之后才注册cy.on('window:alert')，此时alert已经触发完毕，监听器根本没捕获到目标alert，反而可能捕获后续无关的alert。
2. 全局变量污染：全局expected变量被多个监听器修改，导致断言时使用的不是当前操作对应的预期文本。
3. 全局监听器未清理：cy.on('window:alert')是全局事件绑定，除非手动移除，否则会一直生效，多个监听器同时存在会导致断言逻辑混乱。

移除全局expected变量，改用操作前注册独立的alert捕获器，推荐使用cy.stub()来精准控制每个alert的断言，避免全局污染。

修改后的完整代码 #

///    <reference types="cypress"/>
import AddCustomer from "../PageObjects/addCustomerPage"
import landingpage from "../PageObjects/landingpage"
import ManagerPage from "../PageObjects/managerPage"
import OpenAccount from "../PageObjects/openAccountPage"

describe("Simple banking app", () => {
    it("login as manager -> add Customer -> open Account", () => {
        // 初始化页面对象
        const lp = new landingpage()
        const mp = new ManagerPage()
        const addCustomerPage = new AddCustomer()
        const openAccountPage = new OpenAccount()

        // 访问页面并登录经理账号
        cy.visit("https://www.globalsqa.com/angularJs-protractor/BankingProject/#/login")
        lp.clickManagerLogin()
        cy.url().should('include', 'manager')

        // 添加客户流程
        mp.addCustomerButton()
        cy.url().should('include', "manager/addCust")

        cy.fixture('customerDatas').then((customers) => {
            for (let customer of customers) {
                // 1. 提前创建stub捕获当前操作的alert
                const addCustomerAlert = cy.stub()
                cy.on('window:alert', addCustomerAlert)

                // 2. 执行添加客户操作
                addCustomerPage.setFirstName(customer.firstname)
                addCustomerPage.setLastName(customer.lastname)
                addCustomerPage.setPincode(customer.pincode)
                addCustomerPage.clickAddCustomerButton()

                // 3. 断言alert内容符合预期
                expect(addCustomerAlert).to.be.calledWith(
                    expect.stringContaining("Customer added successfully with customer id")
                )

                addCustomerPage.clearAll()
                // 4. 移除当前监听器，避免干扰后续操作
                cy.off('window:alert', addCustomerAlert)
            }
        })

        // 开户流程
        mp.openAccountButton()
        cy.url().should('contain', "/manager/openAccount")

        cy.fixture('customerDatas').then((customers) => {
            for (let customer of customers) {
                // 1. 提前创建stub捕获当前操作的alert
                const openAccountAlert = cy.stub()
                cy.on('window:alert', openAccountAlert)

                // 2. 执行开户操作
                openAccountPage.selectFromCustomerDropdown(customer.firstname + " " + customer.lastname)
                openAccountPage.selectFromCurrencyDropdown("Rupee")
                openAccountPage.clickProcessButton()

                // 3. 断言alert内容符合预期
                expect(openAccountAlert).to.be.calledWith(
                    expect.stringContaining("Account created successfully with account Number")
                )

                // 4. 移除当前监听器
                cy.off('window:alert', openAccountAlert)
            }
        })

        // 验证客户列表
        mp.customersButton()
        cy.fixture('customerDatas').then((customers) => {
            for (let customer of customers) {
                cy.get('tbody>tr>td').should('contain', customer.firstname)
            }
        })
    })
})

关键优化点 #

• 操作前注册监听器：在触发alert的操作（如clickAddCustomerButton()）之前就创建并绑定stub，确保能精准捕获当前操作的alert。
• 局部stub替代全局变量：每个循环迭代使用独立的stub，避免全局变量带来的污染问题。
• 清理监听器：每次操作后用cy.off()移除当前监听器，防止多个监听器同时生效导致的逻辑混乱。
• 精准断言：使用expect.stringContaining()直接在断言中写预期文本，无需额外变量存储。

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