jest

【Vue】Jestを使った Vue / TypeScript の単体試験 ~ axios / あれこれ 編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/07/230317 https://dk521123.hatenablog.com/entry/2021/01/27/225148 https://dk521123.hatenablog.com/entry/2021/03/13/000000 https://dk521123.hatenablog.com/entry/2021/03/23/231011 の続…

【Vue】Jestを使った Vue / TypeScript の単体試験 ~ axios 編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/07/230317 https://dk521123.hatenablog.com/entry/2021/01/27/225148 https://dk521123.hatenablog.com/entry/2021/03/13/000000 の続き。 今回は、Vue 内で、axios を使った画面に対して、 単体…

【Vue】Jestを使った Vue / TypeScript の単体試験 ~ 非同期編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/07/230317 https://dk521123.hatenablog.com/entry/2021/01/27/225148 の続き。 今回は、flush-promises っていうものを知ったので、メモ。 公式サイト https://vue-test-utils.vuejs.org/ja/guid…

【JS】【TS】JS単体試験ツール Jest ~ キャッシュ関連 ~

■ はじめに Jestの実行で、キャッシュしているとエラーにならないが、 キャッシュをクリアすると、単体試験エラーが発生する現象が発生した。 他の方でもそういったケースがある模様。 https://www.ncaq.net/2018/03/02/10/19/22/ その際に得たノウハウを纏…

【Vue】Jestを使った Vue / TypeScript の単体試験 ~ 基本編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/07/230317 の続き。 今回は、Vueの単体試験をやる上での 基本的なメソッドやTipsを纏める。 目次 【1】主なメソッド 1)取得 2)確認 【2】サンプル 例1:存在・表示/非表示・Text表示チェッ…

【JS】【TS】JS単体試験ツール Jest ~ Mock編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/23/103209 https://dk521123.hatenablog.com/entry/2021/01/08/164356 の続き。 モックを使って単体試験をする必要がでてきたので、メモする。 目次 【1】主なメソッド 1)基本的なモック関数 …

【JS】【TS】JS単体試験ツール Jest ~ 基本編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/23/103209 の続き。 Jest を書いていて気になったTips的なものをメモする。 目次 【1】確認用メソッド 【2】その他メソッド 1)each 【1】確認用メソッド expectクラスの以下の一覧でどういっ…

【Vue】Jestを使った Vue / TypeScript の単体試験 ~ 入門編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/23/103209 https://dk521123.hatenablog.com/entry/2020/12/22/192553 の続き。 Vueでの単体試験を行う必要があるので、メモ。 目次 【1】環境設定 【2】(個人的に)はまったこと その1:@Compo…

【JS】【TS】JS単体試験ツール Jest ~ 入門編 ~

■ はじめに JavaScript / TypeScript の単体テストツールの話題になったので 調べてみたら、Jestがでてきたので、調べてみた。 目次 【1】主な単体テストツール 1)比較サイト 【2】Jest A)公式サイト B)できること 【3】環境設定 1)Node をインスト…