Vue.jsでreg-suitを利用したVisual Regression Testing | tsuchikazu blog
これは Vue.js #3 Advent Calendar 2017 - Qiita 1日目の記事です。 最近、お仕事でVue.js x SSRを使って開発を進めていた カラーミーリピート というサービスをリリースすることが出来ました。このサービスの開発を進めていく上で、とあるcssの修正が想定外の場所にも反映されてしまい、スタイルが崩れてしまう。という問題が時々発生していました。リリース前まではそれほど問題視してきませんでしたが、今後スタイル崩れに気付かずにリリースしてしまうのは非常に問題で、なんとか防ぐ方法を探していました。 先週末に東京Node学園祭2017が開催されましたが、そこで@QuramyさんのIntroduction to Visual Regression Testing の発表資料を拝見してreg-suitの存在を知り、これは求めていたものではないか！？ということで、V
Vue.jsのプロジェクトにJestを導入する - Qiita
vue-cliによるプロジェクトの作成 公式を参考に、vue-cliを使ってUnitTest検証用のプロジェクトを作ります。 vue init webpack utest webpackボイラープレートを使用した新しいプロジェクト utestプロジェクトの名前 サンプルなので、インタラクティブな質問項目については適当にエンターキーを押していき進みます。途中、Pick a test runnerという項目が出てきます。ここでどれにするか。。 Mochaはサードパーティのアサーション、モック、スパイツールを組み合わせてテストを実行するフレームワークです。一方、Jestはそれらがひとまとまりになったフルスタックのテストフレームワークと言えます。今回は簡単に始められそうなJestにしてみます。公式の日本語ドキュメントもあります。 本記事では言及しませんが、e2eテストはNightwatchにしてお
axiosを利用したVue componentのUnitTest - Qiita
本記事は Vue.js Advent Calendar 2016の16日目の記事となります。よろしくお願いします。 始めに 先日「Vue.js componentでvue-router,vue-resourceを利用したメソッドのUnitTestを書く方法」というのを書きましたが、vue-resourceはVue.js本家から引退したこともあり、HTTP Clientをaxiosに乗り換えてみました。 今回はaxiosを利用したVue componentのUnit Testを書く方法をまとめます。また今回のサンプルコードは全てこちらにあります。 環境 下記を利用します。テスト環境は Karma + mocha + chai + sinonですが、これらの説明は今回は省略します。 Vue.js 2.1.3 axios 0.15.3 テストケース テスト対象コード 下記のようにaxios.ge
Vue.js Vueコンポーネントのユニットテストを書いてみよう - Qiita
$ npm i -g vue-cli $ vue init webpack vue-test ? Project name vue-test ? Project description A Vue.js project ? Author Your Name ? Vue build standalone ? Use ESLint to lint your code? No ? Setup unit tests with Karma + Mocha? Yes ? Setup e2e tests with Nightwatch? No $ cd $_ $ npm i テスト環境の疎通確認 環境が構築できたら、はじめにデフォルトで作成されているテストがしっかり動くかを確認しておいてください。プロジェクトルート上でnpm run testを行い、テストが通ると成功です。 仕様の決定 それでは、 環境
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
