2018-01-01から1年間の記事一覧
頭の中はテストのことでいっぱいです。medium.com
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>
以下のエラーが出てテストが通らない。 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>…
前回のポストの後 vuetifyのユニットテストやっぱり、jestを使いたい - 鈍足ランナーのIT日記Webpackテンプレートはjestをサポートしているのに、PWAテンプレートが サポートしていないのがおかしい何とかしたいと思いたった。技術のない私でもできるのか…
v-checkboxのユニットテストをしようとしたら、なかなかうまくいかない。 それはv-checkboxを展開したHTMLにinputタグが見えてこない。(階層が深いため?) vuetify.jsのv-checkboxのテストソースを見たらjest.fn()を使っていて jestを使ってテストしていた…
背景 vue-cli で作ったwebpackサンプル+vuetifyで簡単なテストを動かそうとしているのですが、 [Vue warn]: $listeners is readonly.ワーニングが大量に出てしまう。。 なんでだろう。。 vue-test-utils? まだベータバージョンだからかな。vue-test-utils…
# 以下はうまくテストができたGitHub - dokechin/sample
babelの設定を見直していたけど、よくよく考えたら Webアプリのソース(vue)でawaitを使っているわけではなくて テストコードの中で使っている。 Webアプリのソースはトランスパイル対象で、テストコードは トランスパイルの対象ではないのかな?(全然わかっ…
テキストフィールドに値を入れると、バリデーションが実行されて、formValidがtrueになるテスト を描いて見たが・・trueにならない const input = wrapper.find('input#name') input.element.value = 'AEON' input.trigger('input') expect(wrapper.vm.edite…
インストール方法 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)…
medpeer.connpass.com 初参加、胡蝶蘭が綺麗と思ったら引っ越ししたてだったと思い出す。 柔らかな雰囲気の黙々会となりました。react陣が多めでした。 課題 書こうと思ってもなかなか手がつけられていないテスト。 拙作Gratan - Unit Price Memo Toolの単体…
Vertical alignment of v-list-tile-content and v-list-tile-action in a dense v-list · Issue #1528 · vuetifyjs/vuetify · GitHubv-list-tile-titleの要素の指定では、CSSはv-を除いて、以下のように書いている。.list__tile__title{}
日経平均の上げ下げを毎朝呟くBot 日経平均株価、円相場、NASDAQ,GDAXIを使って予想するのですが 近頃、毎日上がると予想していた。 調べると昨年の11月末からすクレーピングに失敗して、円相場以外のデータの取得に失敗していた。 スクレーピング部分はpy…
以前インストールして全く使っていなかったのでGratanリリースしたので 監視して見ますか。 soudai.hatenablog.com mackerel-agentのインストール nginxのビルド cd nginx-x.x.x // ソースを解凍したディレクトリ ./configure --prefix=/usr/local/nginx --w…
凄いエンジニアさんが登壇していて 自分の能力のなさに辟易。 もう人と比較するのは、しないようにしよう。がっかりするだけだ。とにかく、楽しそうなことにJOINして スキルを上げたりするのが一番だ。 ストレスのお話も出ていたように。 楽しければ、時間を…
vuetify.jsのv-toolbarサンプルでは画面の横幅を小さくして行くと ボタンが消えてしまい。操作できなくなる。 ハンバーガーボタンで選べるようにしたいのですが・・・vuetifyjs.comググりましたら、下記のサンプルを発見しました。 Vue Router + Vuetify JS …
v-containerで包むと左右のマージンが大きくて画面を有効活用できない。 v-container fluidとしたらマージンが小さくなっていい感じになった。 これを採用しよう。
// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' import Vuetify from 'vu…
こんにちは。 dokechinといいます。HNの名前にもしているように家族からケチと呼ばれています。 私は、2012年からケチを卒業すべくWebアプリを書いている 理系エンジニアの40代の冴えないおじさんです。(クソブロガー)未だに出したアプリは全くヒッ…
vueのルーターを使って,vuetify.jsでツールバーを作成。 ロゴ部分はイメージを使ったボタンにしました。 ロゴを選択した場合はボタンをトグル状態にしたくない。以下だとカッコ悪い。そんな場合には,active-classを無指定にすればいいとのことです。Buttons …
vuetify.jsにはフリーでかっこいいシームが用意されている vuetifyjs.comvue-routerとともに経由のアプリで使うときには注意が必要で <v-parallax src="assets/hero.jpeg" height="600"> 以下のように修正したら動いた。 <v-parallax :src="require('assets/hero.jpeg')" height="600"> github.com</v-parallax></v-parallax>
v-dialogの中にダイアログ起動用ボタンを書くこともできる。 v-dialogの外に書くこともできる。外に定義する方法 github.com中に定義する方法 github.com微妙に異なるので注意が必要と思いました。
vueのdata()の中でi18nしたい時あります。 そんな時には$tではなくて、this.$tを使うといいみたい。やってみよう。github.com
挙動を変える変数があるのではなくて、vuetifyのソースをいじってビルドし直して使わないといけない模様。https://github.com/vuetifyjs/vuetify/pull/2858none, uppercase,lowercase,capitalizedなどが設定できます。ただし、npm_modules/vuetify以下のソー…
昼まで働き、羽田からANA477便に乗って那覇へ向かった。 機内ではグラム単価アプリを実装を進めてゴリゴリ動かしたりしていた。 前夜祭はチケットを取ろうか迷っていたら売り切れてしまったので、スーパーでおみあげ をゆっくり見る計画を立てた。那覇に着い…
金曜日の食事、金曜泊のホテルから近いし24時間営業のようだし。ここにするか retty.me
グラム単価アプリを作ろうとしていて、 入力しやすいUIになんとかしようとしています。vueで。ここに沢山サンプルがあるので、ソースを見ながら勉強していくのがいいかも・・・・ Todo - Vue.js Examples
でも、クローズされているけど、よく読んでみよう。[Bug Report] Problem with form validation in Safari · Issue #2907 · vuetifyjs/vuetify · GitHub 自分のsafariのバージョンは バージョン10.0 (12602.1.50.0.10)だったんだけど・・
要件は コンポーネントA,Bがあり、コンポーネントBが設定画面とします。 コンポーネントBの保存ボタンを押すと、storeに格納されて コンポーネントAでも保存した値が参照できるようにしたい。 保存ボタンではローカルストレージに格納する こうするといいか…
App.vueのサンプルソースが見たい! のにどこ行けばあるのか彷徨ってしまったが。 docsに格納されていたdocs/examples/layouts at master · vuetifyjs/docs · GitHub