Cypress фильтр выбранных элементов по нескольким включенным текстом

Question

У меня есть запрос на выборку из нескольких строк примерно так:

cy.get('#test-container').find('.row')

Я хочу найти тот, который содержит некоторый текст (например, «заголовок теста» и «значение теста») в разных подэлементах вместе. Или, по крайней мере, проверить, что этот ряд существует. Примерно так:

cy.get('#test-container').find('.row').filter('include.text', 'test title').filter('include.text', 'test value')

Answer 1

Используйте правильный селектор.

Ex:

cy
  .get('#test-container')
  .find('.row')
  .filter(':contains("test title")')

Попробуйте это!

Answer 2

Cypress filter принимает селектор в качестве своего параметра, он не соответствует текстовому содержимому элемента DOM.

Вместо этого вы можете использовать cy.contains с регулярным выражением.

cy.get('#test-container').find('.row').contains(/(?:test title|test value)/)

В скобках и вопросительном знаке указывается группа без захвата, которая соответствует любому элементу нас любой стороны трубы. MDN RegEx документы дают дополнительную информацию.