<p>testEnvironment を jsdom にしましょう.<br>
27.x からデフォルト値が <code>jsdom</code> から <code>node</code> に変更されました。</p>
<h3 id="%E5%8F%82%E8%80%83">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h3>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a29ebf41b05eb" src="https://embed.zenn.studio/card#zenn-embedded__a29ebf41b05eb" data-content="https%3A%2F%2Fjestjs.io%2Fdocs%2Fconfiguration%23testenvironment-string" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://jestjs.io/docs/configuration#testenvironment-string" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://jestjs.io/docs/configuration#testenvironment-string</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__79275a9ac71ad" src="https://embed.zenn.studio/card#zenn-embedded__79275a9ac71ad" data-content="https%3A%2F%2Fjestjs.io%2Fdocs%2F26.x%2Fconfiguration%23testenvironment-string" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://jestjs.io/docs/26.x/configuration#testenvironment-string" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://jestjs.io/docs/26.x/configuration#testenvironment-string</a></p>


Jest 27.x に変更後 ReferenceError: Element is not defined などのエラーがでてしまう

参考

Discussion