BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] Cypressテストでjqueryを使ってdivの'text'の値を取得する方法

2022-02-15 11:50:48

質問内容

Cypress.io のテストで Jquery を使用して、以下の html タグから 'Wildness' という div 'text' の値を取得する方法を教えてください。Cypressのテストで以下を試したのですが、コンソールにundefinedと表示されます。 

const $divText = Cypress.$('.ibxudA .WildnessText-kRKTej').text()
         cy.wrap($divText)
           .should("eq", "Wildness")



<div class="sc-bMvGRv_onetwo">
<div>
<div class="abLeftSection">
<div class="abNewBtn-fTLJBK">
<button class="ifAKCX ohpWT" type="button">New</button>
</div>
<div class="kpLvEV" style="">
<div class="cWzXYZ">
<div class="OgGUG">
<div class="jsnnAD">
<svg class="dFvKsA"></svg>
</div>
</div>
<div class="ibxudA">First</div>
</div>
<div class="kpLvEV" style="">
<div class="bGADLM"><div class="OgGUG">
<div class="jsnnAD">
<svg class="dFvKsA"></svg>
</div>
</div>
<div class="ibxudA">
<div class="WildnessText-kRKTej" title="Wildness">Wildness</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

解決方法は？

これを試してみようかな。 

cy.get(".ibxudA").find('.WildnessText-kRKTej').invoke('text').then((text) => {
    expect(text.trim()).equal('Wildness')
});

または 

 cy.get(".ibxudA").find('.WildnessText-kRKTej').should('have.text',"Wildness")

これは似たような質問かもしれませんね。 cypressを使って、要素の内側のテキストの等質性をチェックするにはどうすればよいですか？

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します