赛普拉斯：contains（）。click（）带有或语句

Question

问题在于，从柏树中的Docker映像将浏览器语言设置为英语，并且页面上的某些元素被翻译成英语。看来这是柏树中的错误，因为Docker映像中的浏览器，无论设定语言如何，都将某些文本转换为英语。即使设置浏览器语言不同。

我本地的浏览器语言与Docker映像中的语言不同，因此某些文本对我而言与Dockerimage（英语）中的文本不同。现在，我必须建立解决方法，直到柏树设法修复该错误为止。

我希望柏树选择一个由逻辑或（||）选择的元素。但是，它行不通，因为cypress.contains（）不支持此。 对于更好的说明，这里是我的意思的简单示例。您有一个想法如何实施吗？

const value1 = data.text_local_language
const value2 = data.text_english

         cy.get("element")
          .contains(value1 || value2)
          .click();

Answer 1

您可以使用 continains（） /a>

const value1 = data.text_local_language
const value2 = data.text_english

const regex = new RegExp(`${value1}|${value2}`)  // build regex from variables

cy.get("element")
  .contains(regex)
  .click();

正则表达式（在斜线内）value1 | value2匹配value1或value2（或或 is用管道符号|表示。

Answer 2

有 oneof 如果确切的匹配是可以接受。

cy.get('element')
  .should('satisfy', ($el) => {
    expect($el.text()).to.be.oneOf([value1,value2])
  })
  .click()

Answer 3

您可以查看文本包含中的文本。

const thisText = 'this'
const thatText = 'that'

cy.get('element')
  .then($el => {
    const text =  $el.text()
    const thisOrThat = text.includes(thisText) || text.includes(thatText)
    expect(thisOrThat, `text contains ${thisText} or ${thatText}`).to.be.true
    cy.wrap($el).click()
  })

Answer 4

要断言元素包含替代零件您可以在contains（）中使用正则表达式（REGEXP）。

surstert 包含 regexp，

从变量中构建正则模式，使用constructor 使用字符串表达式使用新的Regexp。

const value1 = 'Hello'
const value2 = 'World'

// simple with plus operator
cy.get("element").contains(new RegExp(value1 + '|' + value2))

// short and expressive with ES6 template literals
cy.get("element").contains(new RegExp(`${value1}|${value2}`))

// for multiple elements use Array.join()
const elements = ['Fire', 'Air', 'Water'];
cy.get("element").contains(new RegExp(elements.join('|'))

另请参见文本内容：

// use cy.contains to find an element with its text
// matching the given regular expression
cy.contains('[data-testid="greeting"]', /^Hello/)

配置浏览器语言，以您的容器化柏树

如果要配置用于测试的语言，则可以：

• 设置 lang环境变量在您的Docker容器中，浏览器可以将其选为System/System/default Locale
• 设置“ nofollow noreferrer”>浏览器首选项 ，然后将在Accept-Language请求标头中使用

在柏树中设置浏览器语言