エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vueでよく書くユニットテストのパターン - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vueでよく書くユニットテストのパターン - Qiita
Vueのコンポーネントのユニットテストでよく書くパターンを紹介します。 環境はvue-cliで生成したものを... Vueのコンポーネントのユニットテストでよく書くパターンを紹介します。 環境はvue-cliで生成したものをそのまま使っています。 APIの詳細な説明はVue Test Utilsを参照してください。 スナップショットテスト 出力されるHTMLが予期せず変更されないようにする場合に使うテストです。 it("itemsの値がhtmlに出力されているか?", () => { const items = [ new Item("アイテム", 3, "アイテム説明") ]; const wrapper = shallowMount(GachaMv, { propsData: { items } }); expect(wrapper.html()).toMatchSnapshot(); }); 上記のテストを追加しnpm run test:unit or yarn test:unitを実行するとテス