Vue Test Utilsとは 人気・最新記事を集めました - はてな
Hatena Blog Tags
はてなブログ トップ
Vue Test Utils
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Vue Test Utils

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Wood_のブログ•2年前

vite+Vue3 単体テストを書いてみる

実行環境 プロジェクト作成 テスト用ライブラリの追加 Vueコンポーネントテスト JavaScriptテスト Jestの設定 Babelの設定 テストコード作成 テスト対象コンポーネント テストコード テスト実行 カバレッジ出力 WebアプリケーションのフロントエンドフレームワークとしてVue3をよく使用しています。 ただ、テストコードまでは作成できておらず、コードの品質を担保することが出来ていませんでした。 今回は、公式の Vue Test Utils にあるチュートリアルを実践してみます。 テストコードを書くより、テストを走らせるまでの準備が大変でした。 A Crash Course | …

#Vue Test Utils

関連ブログ

クロスマート Tech Blog•2年前

【Nuxt.js + Jest】初学者向けにフロントエンドの単体テスト実装解説と、中々実装方法が見つからなかった点の備忘録

初めまして。弊社エンジニアでは現在一番新参です！ フロントエンジニアの福留(@fal_engineer)です。 ビール派です！ 以下は先輩方の大変素晴らしい記事です。 とてもわかりやすく楽しく読むことの出来る構成となっております。まだ読まれていない方はぜひご覧ください！ xmart-techblog.hatenablog.com xmart-techblog.hatenablog.com Jestについて フロントエンドの単体テストを実装するメリット Jestの書き方 読んでみる 環境 中々実装方法が見つからなかったもの モジュール分割されたVuexのモック作成 @nuxt/deviceのモッ…

#Vue Test Utils#Jest#local forage#@nuxt/device
約束の地•3年前

Vue Test Utils にてコンポーネントを遅延読み込みしている際に出る Vue warn への対応

＃結論 コンポーネントをマウントするときに stubs プロパティを用いて明示的にスタブ化する。 具体例 以下のような感じでコンポーネントを遅延読み込みしているとします。 components: { ChienComponent: () => import("path/to/chien_component") }, このとき、テスト側では次のようにマウントします。 wrapper = shallowMount(YourComponent, { // （省略） stubs: { ChienComponent: true } }); 結果、テスト上の HTML ではちゃんとスタブ化されています。c…

#Vue.js#Vue Test Utils