jestである条件下で表示されない要素があり、その場合に該当の要素が存在しないことをテストしたい。
初期のコード
.jsx
it ('テスト', () => {
const sampleComponent = ~~;
const sampleComponent.getByText('非表示アイテム');
expect(sampleComponent).not.toBeInTheDocument();
});
これだと、getByTextでその要素は取得できないよって怒られてしまう。
変更したコード
.jsx
it ('テスト', () => {
const sampleComponent = ~~;
const sampleComponent.queryByText('非表示アイテム');
expect(sampleComponent).not.toBeInTheDocument();
});
queryByTextを使った。
こうすればテストができる。