cy.log 颜色介绍

cy.log 是 Cypress 中用于输出日志的 API。cy.log 可以接收一个字符串参数，在测试运行时输出相应的日志信息。在参数字符串中，可以使用 ANSI 颜色码对输出的文字进行着色，以使得日志信息更加清晰易读。

使用 ANSI 颜色码

ANSI 颜色码是一种用于控制终端输出颜色的标记语言。使用 ANSI 颜色码可以控制输出文字的前景色、背景色、粗细等属性。

在 Cypress 中使用 ANSI 颜色码也很简单。我们只需要在字符串参数中加入相应的颜色标记码即可。

下表是常用的一些 ANSI 颜色码：

| 颜色 | 前景色 | 背景色 | | --------- | -------- | -------- | | 黑色 | \033[30m | \033[40m | | 红色 | \033[31m | \033[41m | | 绿色 | \033[32m | \033[42m | | 黄色 | \033[33m | \033[43m | | 蓝色 | \033[34m | \033[44m | | 洋红/品红 | \033[35m | \033[45m | | 青色 | \033[36m | \033[46m | | 白色 | \033[37m | \033[47m |

例如，我们可以在 cy.log 中输出一段绿色的文字：

cy.log('\033[32m这是一段绿色的文字\033[0m');

在 cypress 命令行中看到的效果如下：

更多关于 ANSI 颜色码的使用方法和细节，请参考 ANSI escape code - Wikipedia。

在日志中使用模板字符串

除了在参数字符串中使用 ANSI 颜色码，我们还可以在模板字符串中使用颜色标记。这样可以使得输出的日志信息更加结构化、清晰。例如：

cy.log(`\033[32mTest Case 01\033[0m - this is a successful test`);
cy.log(`\033[31mTest Case 02\033[0m - this is a failed test`);
cy.log(`\033[36mTest Case 03\033[0m - this is a skipped test`);

在 cypress 命令行中看到的效果如下：

如上所示，在模板字符串中使用 ANSI 颜色码可以为日志信息添加更加丰富的语义标记，使得测试结果更加明确易懂。

参考链接

• ANSI escape code - Wikipedia
• Cypress Documentation - Logs