ホームページ >ウェブフロントエンド >jsチュートリアル >Cypress &#.within()&# ブロック内の要素のプロアクティブな名前付けについて

Cypress &#.within()&# ブロック内の要素のプロアクティブな名前付けについて

Susan Sarandon
Susan Sarandonオリジナル
2024-12-27 17:40:11520ブラウズ

On proactively naming elements within Cypress

Cypress テストで .within() を使用するときはいつでも、関数 body に渡す要素変数に名前を付けるオプションがあります。要素スコープの名前が次の例です:

cy.get('#el').within(('optionallyNamedElement') => {
  cy.log('foo');
});

しかし、そうではない、完全に機能する別の例を次に示します。

cy.get('#el').within(() => {
  cy.log('foo');
});

名前付き要素の用語が関数本体で使用されていない場合、このテスト コードを作成するときに名前を割り当てる必要がありますか?そうすべきだと思います。

後で誰かが現れてこの名前を変更しても問題ありませんが、将来のプログラマへの礼儀として、将来の使用のためにここに意味論的な名前を付けるのが良いと思います。この名前は、テスト コードベース全体で一貫したスタイルを使用することも、将来のプログラマーが名前を考えるために一時停止する必要が生じて行き詰ることを避けるための方法を提供することもできます。将来のプログラマーはあなたかもしれないということを忘れないでください!

ここで積極的に名前を指定すると、コードがより明確になり親しみやすくデバッグしやすくなりますとも思います。要素に名前を付けることで、バグが発生したときに、少なくともどの要素が範囲内であると思っていたかを知ることができます。

最近 .within() を使用するときは、その変数が関数本体で使用されない場合でも、入力するスコープに名前を付けることを常に忘れないようにしています。

以上がCypress &#.within()&# ブロック内の要素のプロアクティブな名前付けについての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。