Cypress：如何收集弹窗消息用于后续分析？

初始化Alias的正确方式 #

首先要提前初始化你的ALLMESSAGE别名，避免第一次获取时因为别名不存在导致的问题。推荐用数组存储消息（比字符串拼接更灵活，方便后续分析）：

// 在测试开始时初始化空数组作为别名
cy.wrap([]).as('ALLMESSAGE');

如果坚持用字符串拼接，初始化空字符串即可：

cy.wrap('').as('ALLMESSAGE');

收集消息到Alias #

每次调用messages类读取弹窗消息后，通过cy.get('@ALLMESSAGE')获取已存储的内容，更新后重新存入别名。不需要依赖第三方if()方法，直接在then回调里处理即可：

数组存储方式（推荐） #

// 调用messages类获取当前弹窗消息
const newMsg = messages.getMessage(); // 替换成你实际的消息读取逻辑

// 更新别名中的消息数组
cy.get('@ALLMESSAGE').then((existingMsgs) => {
  existingMsgs.push(newMsg);
  cy.wrap(existingMsgs).as('ALLMESSAGE');
});

字符串拼接方式 #

const newMsg = messages.getMessage();

cy.get('@ALLMESSAGE').then((existingStr) => {
  // 处理首次为空的情况，避免开头出现多余的|
  const updatedStr = existingStr ? `${existingStr}|${newMsg}` : newMsg;
  cy.wrap(updatedStr).as('ALLMESSAGE');
});

后续分析已收集的消息 #

当需要分析时，直接获取别名即可：

cy.get('@ALLMESSAGE').then((allMessages) => {
  // 这里添加你的分析逻辑，比如断言、遍历检查等
  expect(allMessages).to.contain('预期出现的弹窗消息');
  
  // 如果是数组，还可以遍历处理
  allMessages.forEach(msg => {
    console.log('收集到的消息:', msg);
  });
});

关于你遇到的两个问题的说明 #

1. if()方法报错：Cypress核心库并没有内置if()链式方法，你看到的用法来自第三方插件cypress-if。如果不想额外安装插件，用上面的then回调判断逻辑完全可以替代。
2. cy.state弃用：现在获取别名值的标准方式就是cy.get('@aliasName')，或者在命令链的then回调中直接访问，完全不需要依赖已弃用的cy.state。

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