鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

2018-04-01から1ヶ月間の記事一覧

vscode+jestでユニットテスト(デバッグ)

ndenv環境を使っているので設定を変更(.vscode/launch.json) { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "program": "${workspaceRoot}/node_modules/jest/node_modules/.bin/jest", "ru…

vuexを使ったコンポーネントのテスト

頭の中はテストのことでいっぱいです。medium.com

vuetify.jsを使ったアプリの単体テスト

v-textfield idをつけた要素がそのまま、input要素にマッピングされるためにテストは素直にかける <v-text-field id="name" v-model="name" required></v-text-field> <div class="input-group input-group--dirty input-group--required input-group--text-field primary--text"> <div class="input-group__input"> </div></div>

Vue+jestでテスト

以下のエラーが出てテストが通らない。 console.error node_modules/vue/dist/vue.runtime.common.js:1715 /Users/dokechin/work/gratan/src/assets/hero.jpeg:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){���� ^jest</anonymous>…

そもそも、PWAテンプレートにjestサポートがないのが・・

前回のポストの後 vuetifyのユニットテストやっぱり、jestを使いたい - 鈍足ランナーのIT日記Webpackテンプレートはjestをサポートしているのに、PWAテンプレートが サポートしていないのがおかしい何とかしたいと思いたった。技術のない私でもできるのか…

vuetifyのユニットテストやっぱり、jestを使いたい

v-checkboxのユニットテストをしようとしたら、なかなかうまくいかない。 それはv-checkboxを展開したHTMLにinputタグが見えてこない。(階層が深いため?) vuetify.jsのv-checkboxのテストソースを見たらjest.fn()を使っていて jestを使ってテストしていた…

vuetifyのunitテストを動かす

背景 vue-cli で作ったwebpackサンプル+vuetifyで簡単なテストを動かそうとしているのですが、 [Vue warn]: $listeners is readonly.ワーニングが大量に出てしまう。。 なんでだろう。。 vue-test-utils? まだベータバージョンだからかな。vue-test-utils…

vuetifyのバリデーションのテスト

# 以下はうまくテストができたGitHub - dokechin/sample

Karmaのテストコードでawaitが使えない

babelの設定を見直していたけど、よくよく考えたら Webアプリのソース(vue)でawaitを使っているわけではなくて テストコードの中で使っている。 Webアプリのソースはトランスパイル対象で、テストコードは トランスパイルの対象ではないのかな?(全然わかっ…

vue-test-utils+バリデーション

テキストフィールドに値を入れると、バリデーションが実行されて、formValidがtrueになるテスト を描いて見たが・・trueにならない const input = wrapper.find('input#name') input.element.value = 'AEON' input.trigger('input') expect(wrapper.vm.edite…

vueをテストする

インストール方法 npm install --save-dev @vue/test-utils 記述 import { shallow } from '@vue/test-utils' import Vue from 'vue' import Vuetify from 'vuetify' import Menu from '@/components/Menu' import VueI18n from 'vue-i18n' Vue.use(Vuetify)…

Vue.js + Reactもくもく会@東銀座#25に参加しました

medpeer.connpass.com 初参加、胡蝶蘭が綺麗と思ったら引っ越ししたてだったと思い出す。 柔らかな雰囲気の黙々会となりました。react陣が多めでした。 課題 書こうと思ってもなかなか手がつけられていないテスト。 拙作Gratan - Unit Price Memo Toolの単体…