0Pricing
TypeScript Academy · レッスン

ts-jestによるTypeScript用Jestセットアップ

TypeScriptプロジェクト用にts-jestをインストールして設定します。

「ts-jestによるTypeScript用Jestセットアップ」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全4レッスンが含まれています。

ようこそ

ts-jestまたはTypeScriptをサポートするBabelを使用して、TypeScriptのテストを直接実行するようにJestを設定します。

ts-jestのインストール

Jest、ts-jest、TypeScriptの型定義をインストールします。
npm install --save-dev jest ts-jest @types/jest typescript

jest.config.ts

変換にts-jestを使用するようにJestを設定します。
export default {
  preset: 'ts-jest',
  testEnvironment: 'node',
  globals: { 'ts-jest': { tsconfig: 'tsconfig.json' } },
};

テスト用のtsconfig

テスト固有の設定を記述するtsconfig.test.jsonを別に用意することもできます。
{ "extends": "./tsconfig.json", "compilerOptions": { "types": ["jest"] } }

テストの実行

jestコマンドでテストを実行します。
npx jest
npx jest --watch
npx jest --coverage

Vitestという選択肢

VitestはTypeScriptプロジェクトではJestより高速で、必要な設定も最小限です。
npm install --save-dev vitest
// vitest.config.ts: { test: { environment: 'node' } }

高速化のためのSWC変換

テストの実行を大幅に高速化するため、ts-jestの代わりに@swc/jestを使用します。
npm install --save-dev @swc/core @swc/jest
// jest.config.ts: transform: { "^.+\.[tj]s$": ["@swc/jest"] }

テストでのパスエイリアス

Jestでパスエイリアスを解決できるようにmoduleNameMapperを設定します。
{ moduleNameMapper: { '^@/(.*)$': '<rootDir>/src/$1' } }

テストファイルの命名

TypeScriptのテストファイルには、.test.tsまたは.spec.tsの拡張子を使用します。

テストでの型チェック

isolated: falseを設定しない限り、ts-jestはテスト中に型チェックを実行します。
// ts-jest: { diagnostics: false } — disable type checking for speed

ESMのサポート

JestでESMのTypeScriptを使用するには、NODE_OPTIONS=--experimental-vm-modulesを設定します。
NODE_OPTIONS=--experimental-vm-modules npx jest

クイックチェック

速度を上げるために、テストの実行中にTypeScriptの型チェックを省略するts-jestの設定はどれですか。

まとめ

ts-jestを使ったTypeScript向けJestのセットアップ:主要な概念とパターンを習得しました。

よくある質問

「ts-jestによるTypeScript用Jestセットアップ」レッスンは無料ですか?

はい。「ts-jestによるTypeScript用Jestセットアップ」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全4レッスンが含まれています。

「ts-jestによるTypeScript用Jestセットアップ」で何を学びますか?

TypeScriptプロジェクト用にts-jestをインストールして設定します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。

「ts-jestによるTypeScript用Jestセットアップ」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか?

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. ts-jestによるTypeScript用Jestセットアップ
  2. 型安全なユニットテストの記述
  3. TypeScriptでのModuleとFunctionのモック
  4. expectTypeOfとtsdによる型テスト
← TypeScript Academyに戻る