<ol>
<li>
TypeScript のコンパイルに TypeScript を使う場合
<ul>
<li>トランスパイラ:ts-jest</li>
<li>jest.config.js で preset: 'ts-jest' を指定</li>
</ul>
</li>
<li>
TypeScript のコンパイルに Babel を使う場合
<ul>
<li>トランスパイラ:Babel</li>
<li>@preset/typescript と babel-jest をインストール</li>
<li>babel.config.js or .babelrc に　perset: 'next/babel`を指定</li>
</ul>
</li>
<li>
Next12 以降
<ul>
<li>トランスパイラ:Next-SWC</li>
<li>jest.config.jsにnext/jestプラグインを使用して設定ファイルを作成</li>
<li>メリット1
<ul>
<li>jest.cofing.json の記述の簡略化</li>
</ul>
</li>
<li>メリット2
<ul>
<li>ビルドの高速化</li>
</ul>
</li>
</ul>
</li>
</ol>
<ul>
<li>参考記事</li>
</ul>
<blockquote>
<a href="https://mongolyy.hatenablog.com/entry/2021/08/29/221906" target="_blank" rel="nofollow noopener noreferrer">https://mongolyy.hatenablog.com/entry/2021/08/29/221906</a> 
<a href="https://zenn.dev/miruoon_892/articles/e42e64fbb55137" target="_blank">https://zenn.dev/miruoon_892/articles/e42e64fbb55137</a>
</blockquote>

ReactのtestファイルをTypeScirptで走らせる(ビルドする)方法

Discussion