要素の属性を取得するための Cypress テスト

Question

Cypress テストを ExtJS アプリケーションに追加する新しいテスト プロジェクトの開発を開始したところです。 ExtJS は動的 ID を使用するため、要素を識別するためにさまざまなセレクターを使用します。

ここで、単純な Javascript を使用すると、次のようにプロパティを取得して、選択した要素のメソッドを呼び出すことができます。 リーリー

Cypress を使用し、cy.get を使用して同じことを行う場合、

cy.get('[data-cy="broadcast_type"]').invoke('attr','data-cy') そして cy.get('[data-cy="broadcast_type"]').its('data-cy') どちらも Cypress $Chainer オブジェクトを返します。それが何なのか分かりません。

私にとって最も近いことは走ることです

cy.get('[data-cy="broadcast_type"]').then((elem) => {Object.values(elem[0].attributes).forEach((v) => { console.log(v )})}); これにより、が得られます リーリー

これらはそれぞれある種のオブジェクトのように見えますが、

v.id のようにプロパティにアクセスできません。未定義と表示されます。 上記の単純な JavaScript のように、キーと値のペアとしてこれらのプロパティにアクセスできるようにしたいだけです。

これは ExtJS コンボ ボックスです

Answer 1

さて、あなたはすでにどこかで答えていますが、私があなたのためにそれを明確にすることができます。

これらは、JavaScript、jQuery、および Cypress に相当するものです:

リーリー リーリー リーリー

ライブページで練習すると、いくつかのバリエーションを学ぶことができます。