[B! test][Vue] y_yukiのブックマーク

y_yuki id:y_yuki

testとVueに関するy_yukiのブックマーク (3)

[Vue/Nuxt] Vue Test Utils のコードスニペット集
ユニットテストの書き方メモ。サンプルコードのテストランナーはJestです。 jest.config.js ルートにおいとけばとりあえず動くと思うコンフィグ。 testEnviromentはjest-environment-jsdom-global、アセットのスタブにjest-transf orm-stubを利用する。 const path = require('path'); module.exports = { verbose: false, // 実行中に各テストを報告するかどうか testPathIgnorePatterns: [ '/node_modules/' ], moduleFileExtensions: ['json', 'js', 'vue'], transf orm: { '^.+\\.js$': 'babel-jest', '.*\\.(vue)$': 'vue-je
y_yuki 2021/12/01
vue

nuxt.js

test

testing
リンク
Vue と Jest で Unit test を始めよう | DevelopersIO
Vue と Jest で Unit test を始めよう保守性の高いコードが書けていますか？ VueのComponent構成 ~ Unit test までの流れを書いています。 Unit testがあると、保守しながら長くメンテナンスしていけるコードになるので、開発の助力になればと思います。本題の前に Vue とはオープンソースのJavaScriptフレームワークであり、フロント系では、3大フレームワークと言われ、わかりやすい構文の為人気があります。 Jest とは JavaScriptのUnit testのためのツールです。わかる事 Atomic Component のディレクトリ構成 (atoms) atomsのComponentのUnit test 触れないこと Vue, Jest の基本的な構文 Atomic Component のディレクトリ構成 Unit testす
y_yuki 2019/07/02
Vue

test
リンク
Vue.js+TypeScript+Element-UIの単体テストで気をつけること - Qiita
概要 Vue.jsを利用するのにElementってコンポーネントライブラリが便利です。 Element http://element.eleme.io/#/en-US Vue.jsのコンポーネント詰め合わせ「Element」がスゴかった https://s8a.jp/vue-js-library-element 今回は、Elementを利用した独自コンポーネントを作成して、単体テストを書いてた際に気を付けたほうがよい点をまとめてみます。準備 Vue-Cliで環境を作ります。 GitHubに利用したプロジェクトをUPしています。実際に試してみたい方どうぞ^^ https://github.com/kai-kou/vue-js-typescript-element-ui ここではDockerを利用して環境構築していますが、ローカルで構築してもらってもOKです。
y_yuki 2018/09/05
Vue

typescript

test
リンク
1