pss-aileen / TIL

📚 I record my study logs and what I learn every day to build my study habits.
1 stars 0 forks source link

テスト #71

Open pss-aileen opened 2 months ago

pss-aileen commented 2 months ago

テストとは、開発したアプリケーションやシステムが正しく動作しているかを確認するために実施する作業です。特にプログラミングにおいては、単体テスト(ユニットテスト)、統合テスト、エンドツーエンド(E2E)テストなどがあります。

マレーシアを含め、世界的にトレンドとなっているテストライブラリには以下のようなものがあります:

  1. Jest: フロントエンドやバックエンドのJavaScript/TypeScriptプロジェクトで広く使われているテストフレームワークです。Reactなどのフレームワークで特に人気です。
  2. Cypress: エンドツーエンドテストの自動化ツールです。ブラウザ上でアプリケーションを動かしながらテストを行えるため、ユーザーの操作に近いテストが可能です。
  3. Testing Library: React、Vueなどと一緒に使われ、UIの挙動をシミュレートしてテストするためのライブラリです。Jestと組み合わせて使われることが多いです。
  4. Mocha / Chai: Node.jsのテストフレームワークで、バックエンドやAPIのテストに使われます。

これらのライブラリの中でも、JestやCypressはマレーシアの企業でもよく使われているため、学んでおくと役立つでしょう。特にフロントエンド開発者としてのスキルアップには、JestとCypressの知識が役に立ちます。

どのライブラリを学びたいか決まっていますか?

pss-aileen commented 2 months ago

まず、どの部分をテストしたいかを考えると良いでしょう。もしフロントエンド開発に重点を置くなら、次の順番で学び始めるのがオススメです:

  1. Jest: 単体テストや小規模なコンポーネントのテストから始めるといいです。Reactプロジェクトではよく使われ、学びやすいです。

  2. Testing Library (React Testing Library): コンポーネントのUIやインタラクションのテストに使えます。Jestと組み合わせて使うことが多いので、セットで学ぶと効率的です。

  3. Cypress: 実際にユーザーが操作するようなエンドツーエンドのテストを自動化できます。アプリケーション全体が正しく動くかを確認するには最適です。

まずJestとTesting Libraryを試してみて、テストの基本を理解したらCypressに進むのが良いステップかと思います。

pss-aileen commented 2 months ago

テストの基本をざっくりと学びたい場合、まずは Jest をおすすめします。JestはJavaScript/TypeScriptのプロジェクトで広く使われており、学習しやすいテストフレームワークです。以下に、Jestを使ってテストの基本を学ぶためのステップを紹介します。

1. テストの基本を理解する

まず、テストの種類や目的を理解することが重要です。主なテストの種類は以下の通りです:

2. Jestの導入と基本的な使い方を学ぶ

Jestは設定が簡単で、すぐにテストを書き始めることができます。以下の手順で始めてみましょう:

  1. インストール

    npm install --save-dev jest
  2. テストスクリプトの追加 package.jsonに以下を追加します:

    "scripts": {
     "test": "jest"
    }
  3. 基本的なテストを書く 例えば、sum.jsというファイルに以下の関数があるとします:

    function sum(a, b) {
     return a + b;
    }
    module.exports = sum;

    これに対するテストファイルsum.test.jsを作成します:

    const sum = require('./sum');
    
    test('adds 1 + 2 to equal 3', () => {
     expect(sum(1, 2)).toBe(3);
    });
  4. テストの実行

    npm test

3. 学習リソースを活用する

Jestの基本を学ぶためのリソースを活用しましょう:

4. 実践してみる

小さなプロジェクトや既存のプロジェクトにJestを導入し、実際にテストを書いてみましょう。実践することで理解が深まります。

5. マレーシアでのトレンドを意識する

マレーシアでもJestは広く採用されています。さらに、フロントエンド開発を目指すなら、Reactとの相性も良いため、Jestを基礎に学びつつ、React Testing Libraryなどの関連ツールも並行して学ぶと良いでしょう。

まとめ

まずはJestを使って単体テストの基本を学び、テストの概念を理解することをおすすめします。その後、プロジェクトに応じて他のテストフレームワークやツール(例えばCypressなど)を学んでいくと、より幅広いテストスキルを身につけることができます。

質問や具体的なサポートが必要であれば、遠慮なくお知らせください!