如何在Cypress中提取带括号元素文本并拆分括号内外内容

步骤1：获取目标元素的文本内容 #

先通过Cypress元素定位器（如cy.get()）选中目标元素，再用.invoke('text')提取其文本内容。

步骤2：拆分文本为指定部分 #

针对格式为'Test(10)'的文本，提供两种可靠拆分方式：

方法一：正则表达式（推荐，适配格式小幅度变化）

利用正则匹配捕获分组，精准提取文本和数字部分：

cy.get('.target-element') // 替换为你的目标元素选择器（如ID、类名等）
  .invoke('text')
  .then((text) => {
    // 正则匹配：捕获字母部分和括号内的数字
    const regexMatch = text.match(/^(\w+)\((\d+)\)$/);
    if (regexMatch) {
      const label = regexMatch[1]; // 结果：'Test'
      const countStr = regexMatch[2]; // 结果：'10'
      const countNum = Number(countStr); // 如需数字类型，可转换

      // 示例断言或后续操作
      expect(label).to.equal('Test');
      expect(countNum).to.equal(10);
    }
  });

方法二：字符串操作（格式固定时更直接）

通过split()和slice()方法拆分字符串：

cy.get('.target-element')
  .invoke('text')
  .then((text) => {
    const label = text.split('(')[0]; // 拆分出'('前的内容：'Test'
    const countStr = text.split('(')[1].slice(0, -1); // 去掉末尾的')'，得到'10'
    const countNum = Number(countStr);

    // 示例验证
    expect(label).to.equal('Test');
    expect(countNum).to.equal(10);
  });

注意事项 #

• 替换代码中的.target-element为实际元素选择器（如#test-label、[data-testid="counter"]等）
• 若需将数字用于数值计算，记得转换为Number类型
• 若元素文本含首尾空格，可先调用.trim()处理：.invoke('text').invoke('trim')

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