如何使用Cypress的should('include')断言检查URL中是否包含两个字符串中的任意一个？

这个问题我之前也碰到过，浏览器对URL空格的编码确实有时候会搞出这种小麻烦，导致测试不稳定。你原来的写法其实有个小问题，(expectedPathA || expectedPathB)在JavaScript里会直接返回第一个真值（也就是expectedPathA），所以实际上你的断言只在URL包含expectedPathA的时候才会通过，并没有同时检查两种情况。

下面给你几种可行的解决方案：

方法一：使用自定义回调函数断言 #

直接在should里传入一个回调函数，自己判断当前URL是否包含两个预期值中的任意一个：

const expectedPathA = "myParam=some%20product%20name";
const expectedPathB = "myParam=some+product+name";
cy.url().should(url => {
  // 用Chai的断言语法检查URL是否符合任一条件
  expect(url).to.satisfy(currentUrl => 
    currentUrl.includes(expectedPathA) || currentUrl.includes(expectedPathB)
  );
});

方法二：利用Chai的include.oneOf断言 #

Cypress内置的Chai断言库支持include.oneOf语法，可以直接传入一个数组，检查目标是否包含数组中的任意一项：

const expectedPaths = [
  "myParam=some%20product%20name",
  "myParam=some+product+name"
];
cy.url().should('include.oneOf', expectedPaths);

这种写法更简洁，也符合Cypress的断言风格。

方法三：解码URL参数后断言（更推荐） #

其实还有一种更可靠的思路：不用纠结编码后的字符串，直接解码URL的查询参数，然后检查参数的实际值是否正确。这样不管浏览器用%20还是+编码空格，解码后都是统一的空格，从根源上避免了编码不一致的问题：

cy.url().then(url => {
  // 解析URL的查询参数部分
  const urlObj = new URL(url);
  const params = new URLSearchParams(urlObj.search);
  // 获取myParam的解码后的值
  const myParamValue = params.get('myParam');
  // 直接断言参数值是否为预期的原始字符串
  expect(myParamValue).to.equal('some product name');
});

这种方法更健壮，就算以后编码规则有变化，只要参数的实际值不变，测试依然能通过。

备注：内容来源于stack exchange，提问作者MeltingDog