Получение проверенного значения флажка - Material Design

Question

У меня есть страница, на которой используется базовый начальный дизайн на основе Admin BSB Material layout

У меня возникают трудности при получении значения из флажков в этом дизайне.

Пример флажка, который «проверен»:

Я вижу кипарис, не имеющийудачи в поиске флажка, даже если я добавлю атрибут data-cypress="mycheckbx".

Итак, мои вопросы: как мне получить свойство 'selected' в этом сценарии?

Используемые стили:

[type="checkbox"].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%
}

[type="checkbox"].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0
}

[type="checkbox"].filled-in:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type="checkbox"].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

Answer 1

Кажется, все, что мне нужно было сделать:

cy.get('#pract-haspen').should('have.attr', 'checked')    

и это утверждение сработало!

Спасибо