なになれスマートフォン用の表示で見るなになれIT系のことを記録していきます。Node.jsJestとはJavaScriptのテストフレームワークです。フロントエンド向けのテストフレームワークで注目されました。Jest自体はフロントエンドに限定されずに有用なテストフレームワークです。jestjs.ioJestのメリットテストを書き始めるまでが簡単Matcherが揃っているMockが簡単に用意できるこれらのメリットについて具体的な実装を交えて説明します。2)).toBe(3);});これで始められます。toBeなどのテストの検証に必要なMatcherが最初から用意されています。テストの記述の仕方はJasmineやMochaといったテストフレームワークと同様です。Matcherを使うtoBe,toEqualのMatcherを覚えておけば大抵のことはカバーできると思われます。FizzBuzzの結果を返すcreateFizzBuzzListメソッドで動作確認をします。}};toBeで等価であることを検証できます。expect(actual[15]).toBe("16");});toEqualでオブジェクトや配列の値を検証できます。expect(actual).toEqual(expected);});Snapshotテストを使う実行結果を保存するのに有用なSnapshotテストという機能があります。Matcherのテストとは違い、期待値となる値を定義する必要がなくなるのでテストコードがシンプルになります。expect(actual).toMatchSnapshot();});通常のMatcherとの使い分けとしては、Snapshotテストはプロダクションコードの結果が正しいことが前提です。正しいと判断するためのテストを書いて、そのテストを通すためのプロダクションコードを書くといったTDDのようなアプローチは取れなくなります。実行結果を保持することで壊れていないかを確認するのがテストの目的となることもあるため、Snapshotテストは有用な手段だと思います。Mockを使うJestでは自動モック機能というものがあり、簡単にMock作成が可能です。});});jest.mock関数でモジュールを全てMock化したオブジェクトを作成することができます。AccountDao()で作成したオブジェクトは全てMockになります。daoオブジェクトのfindOrNullメソッドはMockになり、mockReturnValue関数などのMock用の関数を実行することが可能になります。まとめテストを書くときにMockを使うのが前提となることが多いと思います。個人的には自動でMock化してくれる機能が強力です。コールバック...2019-01-29StorybookをAngularで試したStorybookが気になったので、Angularを使って試しました。»プロフィールid:hi1280日々で得たIT技術を記録していきます。月別アーカイブ注目記事はてなブログをはじめよう!hi1280さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。