Cypress中使用contains结合正则校验文件名后缀问题求助

• 问题根源：直接传递拼接的字符串给contains不会被解析为正则表达式，且原文件名中的特殊字符（如.）在正则中未转义，导致匹配失败。

• 解决步骤：

  1. 转义原文件名中的正则特殊字符（比如.），避免被当作正则通配符处理：

     const escapeRegExp = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
     const filename = 'filename.txt';
     const escapedFilename = escapeRegExp(filename);
     

  2. 构造正确的RegExp对象，而不是字符串：

     // 使用\d+匹配数字串，\.转义点号确保匹配真实的.abc后缀
     const targetRegex = new RegExp(`${escapedFilename}_\\d+\\.abc`);
     

  3. 将正则对象传入contains方法进行校验：

     // 若需要指定元素范围，可先通过get定位元素再调用contains
     cy.contains(targetRegex);
     // 示例：定位到文件名显示容器后匹配
     // cy.get('.filename-container').contains(targetRegex);
     

• 额外说明：

  • 如果不需要捕获数字组，正则中的括号([0-9]+)可以省略，用\d+或[0-9]+即可。
  • 确保contains的匹配范围正确，若页面中有多个类似文本，需结合元素选择器缩小范围。

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