web-dev-qa-db-ja.com

チェックボックスのチェック値の取得-マテリアルデザイン

基本的なbootstrapベースの管理BSBマテリアルデザイン レイアウト を使用するページがあります

このデザインのチェックボックスから値を取得するのに問題があります。

'チェックされている'チェックボックスの例：

enter image description here

enter image description here

data-cypress="mycheckbx"属性を追加しても、チェックボックスコントロールを見つけることができないヒノキを見ています。

だから私の質問は：このシナリオで「チェック済み」プロパティを取得するにはどうすればよいですか？

使用されるスタイル：

[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
}
cypress
5
Jazb

attrが機能しない場合は、propを試してください。

cy.get('#pract-haspen').should('have.prop', 'checked')
1
Cody Guldner

上記の解決策はどれも私にはうまくいかなかったので、私はこれをしました：

cy.get('#element').should('be.checked')

ソース： ヒノキのドキュメント

1
Ousmane