如何在Cypress中实现嵌套式可折叠日志分组？

问题 #

我可以使用groupStart和groupEnd将Cypress日志组织为可折叠分组，代码示例如下：

Cypress.log({
  name,
  message,
  groupStart: true,
})

请问是否可以将这类分组嵌套到一个可折叠的父级分组中？

解答 #

完全可以实现嵌套的可折叠日志分组。核心逻辑是按层级顺序开启分组，再按反向层级关闭分组，且每个分组的开启与关闭需通过一致的name关联。

直接看实操代码：

// 启动父级可折叠分组
Cypress.log({
  name: '用户注册流程',
  message: '包含输入信息、验证、提交三个子步骤',
  groupStart: true
})

// 第一个子分组：输入用户信息
Cypress.log({
  name: '输入信息',
  message: '填写账号密码',
  groupStart: true
})
Cypress.log({ name: '操作记录', message: '输入用户名：test_user' })
Cypress.log({ name: '操作记录', message: '输入密码：******' })
// 关闭输入信息子分组
Cypress.log({ name: '输入信息', groupEnd: true })

// 第二个子分组：验证信息
Cypress.log({
  name: '验证信息',
  message: '检查格式合法性',
  groupStart: true
})
Cypress.log({ name: '验证结果', message: '用户名格式合规' })
Cypress.log({ name: '验证结果', message: '密码强度达标' })
// 关闭验证信息子分组
Cypress.log({ name: '验证信息', groupEnd: true })

// 关闭父级分组
Cypress.log({ name: '用户注册流程', groupEnd: true })

重要提示 #

• 分组的开启和关闭必须严格对应层级，父级分组一定要等所有子分组都关闭后再关闭，否则会导致分组结构混乱
• 开启和关闭同一个分组时，name参数必须完全一致，Cypress依赖这个字段来识别分组的起止关系

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