JavaScriptテスト自動化キホンのキ - Qiita
if(add(1, 2) == 3) { console.log("テスト結果OK"); } else { console.log("テスト結果NG"); } のように、ひたすら泥臭いコードを書くハメになる可能性があります。（これは極端な例ですが） また、このままではテスト実行後の結果がとても分かり辛いです。 どんなテストに成功したのか/失敗したのか、全体でどれだけテストがあって、どれだけパスしたのか。 はたまた失敗した場合に、どんな部分がNGだったのか。 これらを解決するためにあるのが、テストフレームワークと呼ばれるものです。 Javaで言えばJUnit、RubyではRSpec、PHPではPHPUnitやPHPSpecなどが該当します。 こういったテストフレームワークを使うことで、テストを簡潔に分かりやすく書けるようになります。 また、こんな感じでテスト結果も見やすく出力してくれます。
スナップショットテスト · Jest
スナップショットのテストはUI が予期せず変更されていないかを確かめるのに非常に有用なツールです。 典型的なスナップショットテストでは、UIコンポーネントをレンダリングし、スナップショットを撮り、テストと一緒に保管されているスナップショットファイルと比較します。 2つのスナップショットが一致しない場合テストは失敗します: 予期されない変更があったか、参照するスナップショットが新しいバージョンのUIコンポーネントに更新される必要があるかのどちらかです。 Jestにおけるスナップショットテスト React コンポーネントをテストする場合にも、同様のアプローチをとることができます。 アプリケーション全体の構築が必要となるグラフィカルなUIをレンダリングする代わりに、シリアライズ可能なReactツリーの値を素早く生成するテスト用レンダラーを利用できます。 Consider this exampl
スナップショットテストのすゝめ - Qiita
変更履歴 2018/6/1 jest@23について追記 はじめに 勉強会で使ったスライドをそのまま公開したものです TDDとかする時にスナップショットテストするといいよ、という話 前置き ユニットテスト書いてますか？ TDDで常にメンテ 危なそうなとこだけ書く 男は黙って手動テスト テストコードはコストが高い？ テストコードを書く工数が確保できない -> テストコードのメンテが面倒 -> テストコードはコストが高い？ テストコードを書く工数が確保できない -> テストフェーズの工数を前借りする テストコードのメンテが面倒 -> メンテを普段の開発フローに組み込む （テストコード実装 + テスト実行時間） < （コンパイル/起動時間 + 手動テストの工数）のとき、テストコードを書いた方が生産性が高い +テストコードがあるとCIでリグレッションテストとして使える TDD テスト駆動開発 失敗す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CODEPREP | JavaScriptで学ぶユニットテスト
