Chakra UI で作成した複数選択可能なドロップダウンリストを実装後にテストをしていたところ下記のエラーが発生しました。
dom.getContentEl(...)?.scrollTo is not a function
原因
内部的に使用しているscrollToが Jest のテスト環境に存在しないため、エラーになっています。
対策
scrollToに対してモックを行います。今回は各テスト前にモックしました。
beforeAll(() => {
// Mock scrollTo to prevent TypeError
Element.prototype.scrollTo = jest.fn();
});
おわりに
Jest は基本便利なのですが、たまにいきなりエラーを出力することがあるので難しいと感じています。
この記事が皆様のコーディングライフの助けになれば幸いです。