Cypress e2eテストで条件分岐

Question

実現したいこと

Cypressで以下のようなページをテスト。
ある要素がページ内に見つかる場合と見つからない場合の両方があり得る。
テスト中断せずに、それぞれのケースに分岐してテストを続行させる書き方を知りたい。

前提

Cypress13でAngularフロントエンドのテストを開発しています。

発生している問題

cy.get().then()では、要素が見つからなかった時点でAssertionErrorで中断してしまうし、
cy.get().should('not.exist')では、要素が見つかった時点でAssertionErrorで中断してしまう。
どうにかしてテストを継続させたい。

試したこと

• AI回答では

cy.get(検索条件).then((el) => {
  if (el.length === 0) ・・・

とせよ、などと出て来るが、getできなかった時点でAssertionErrorで中断してしまう。

• .should('satisfy', 判定関数)を使えば複雑な判定をさせることは出来るが、やはり存在・非存在をチェックするところで止まってしまう問題は回避できない。

Answer 1

要素が見つかるまでリトライするとか、スタブを使うとかはどうでしょうか。

Comments

[sapara]

御回答ありがとうございます。

伝え方が悪くてすいません、リトライして要素を見つけたいのではなく、
見つかるケースも見つからないケースも正常系として処理したいのです。
```
if (要素Aが見つかった) {
　　テストAを実施し、合否判定
} else if (要素Aが見つからなかった)
　　テストBを実施し、合否判定
}
```
こんな感じのことを、Cypressで書きたいのですが、
上記1行目で要素Aが見つからなかった時点で、elseへは行けずに「AssertionError」でテストが終わってしまうのをなんとかしたいのです。

[nobuhirots]

私も同じ問題に悩んでいました。
私の場合は2値(A,B)でしたのでどちらでもエラーにならないように１番目の文を書き
２番目で本来やりたい条件分岐をすることができました。
| を使ってどちらの場合でもエラーにならないように。

cy.contains('[title=A]'|'[title=B]').then(($body) => {
if ($body.text().includes('A')) {
A の場合にやりたい処理
} else {
Bの場合にやりたい処理
}
})