Cypress automation - управление с помощью псевдо-css-селектора всегда присутствует в стиле

#html #css #automation #css-selectors #cypress

Вопрос:

У меня есть пользовательский элемент управления флажком с селектором css psuedo.

Ниже приведен html-код перед установкой флажка:

Ниже приведен html-код после установки флажка

Я хочу знать, проверен ли контроль или нет. Кажется, я не получаю ничего уникального в отношении штата. Даже псевдо-селектор всегда присутствует в стиле, независимо от состояния флажка.

Может ли кто-нибудь помочь мне получить состояние флажка ??

Ответ №1:

Вы можете использовать приведенное ниже, чтобы проверить, установлен ли флажок или нет.

Чтобы проверить, установлен ли флажок:

 cy.get(selector).should('be.checked')

Чтобы проверить, не установлен ли флажок:

 cy.get(selector).should('not.be.checked')

1. но это пользовательский элемент управления, а не флажок. be.checked также работает для пользовательских элементов управления ?

2. Можешь попробовать один раз. Я вижу, что тип ввода-флажок.

3. это сработало с локатором флажков. Я пытался проверить, снять флажок с локатора промежутков с помощью метода long cut для оценки свойства css. Большое вам спасибо!