テストドリブンなAlexaスキルの開発
はじめに Alexaスキルを実装するときにもテストしながら開発したい。 でも、実機で声を出しながら実装するのは流石に効率が悪い。 Alexaシミュレータを使うのも繰り返していると辛くなってくる。 コードを変更するたびに Lambda関数をデプロイするのも辛いし、Alexaシミュレータに発話を入力するのも面倒。 なにより、エラーになったときに発生箇所がわかりにくく、デバッグログを仕込んではCloudWatchLogsで確認するのが辛い。 ローカルでテストしながら開発できないものか。。。 ということで Jest + virtual-alexa でAlexaスキルをテストする方法を紹介する。 開発環境 最初に私の開発環境について、記述する。 AlexaスキルのバックエンドはLambdaを利用している。ランタイムはNode8.10。ローカルのテストにおいてもNode8.10を利用している。 Typ
restify + TypeScript + Jestの開発環境をセットアップしてみる - Qiita
はじめに 最近はTypeScript+ExpressでWeb APIサーバーぼちぼちやってるんだけど、restifyなるExpress拡張がなんかいい感じっぽいので今回はrestify + TypeScriptでRest API Serverを開発してみることにした。テストは最近気に入ってるJestのTypeScript用 ts-jest を使う。 Get started Express + TypeScript する が大変参考になった。restifyとexpressを読み替えればいい感じの Webpack なトランスパイル環境が整えられる。感謝。 以下、コマンドと設定を垂れ流し。 モジュールをインストールする globalに TypeScriptやWebpackが入ってない場合は入れておく
Vue.js + Jest でnpm run unit をするとSecurityError: localStorage is not available for opaque originsが発生する - Qiita
Vue.js + Jest でnpm run unit をするとSecurityError: localStorage is not available for opaque originsが発生するVue.jsJest Vue.jsのテストをやろうかと思って、とりあえず vue-cli で自動生成される HelloWorld.vue のテスト(npm run unit)を実行したら以下のエラーが発生したので、その対処法を残す。 見てみると、 SecurityError: localStorage is not available for opaque origins が発生している。 ググってみると、jest.config.jsに以下のパラメータを追加すれば良いとのこと。
翻訳 Setting up for TDD 「TDD のための環境構築」 - Qiita
VueJS に関する資料を探していて良いものを発見し、日本語訳がありますが、一部抜けていたので、翻訳しました。環境構築の部分です。https://lmiller1990.github.io/vue-testing-handbook/ja/setting-up-for-tdd.html まだ Vuex 周りは日本語訳がないので、おってしたいと思います。 また、プルリクも出したので、採用されれば該当サイトからも見れるようになります。 vue-cli をインストールする vue-test-utils は、VueJS 公式のテスト用ライブラリで、本ガイド全体で使用していくツールです。このツールは、ブラウザ環境でも Node.js 環境でも動作しますし、どんなテストランナーとも組み合わせることができます。本ガイドでは Node.js 環境でテストを走らせていきます。 vue-test-utils i
翻訳 Vuex のテスト - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 翻訳しました。プルリク中です。 Vuex のテスト これ以降しばらくは、Vuex のテストについて解説していきます。 The next few guides discuss testing Vuex. Vuex のテストにおける二つの側面 一般的にいってコンポーネントは Vuex と以下の方法でやりとりをしています。 Generally components will interact with Vuex by mutation へ commit する action を dispatching する $store.state もしくは
翻訳 Vuex の mutation のテスト - Qiita
Mutation をテストする Mutation のテストだけを独立しておこなう場合には、複雑な手順は全く必要ありません。Mutation は通常の JavasScript の関数の範囲で書かれているからです。このページでは Mutation だけの独立したテストについて取り上げます。コンポーネントが Mutation に commit する際の Mutation のテストをしたい場合には、こちらをご覧ください。 Testing mutations in isolation is very straight forward, because mutations are just regular JavaScript functions. This page discusses testing mutations in isolation. If you want to test mutat
Node.js - ES6記法 - 8.xへのバージョンアップで必要なこと - Qiita
資料 ・バージョン https://github.com/nodejs/Release#release-schedule ・本家資料 http://exploringjs.com/es6/ch_modules.html#sec_design-goals-es6-modules 変更点 ・babel等のトランスパイラを利用しなくてもnodeだけでES6 moduleの記述ができるように。 （他略） 必要な作業 サマリ ・バージョンを8.xへ ・module.exports等はexport defaultを使う ・ファイルの拡張子を.jsから.mjsにする ・UnitTest等でtestモジュールを利用している場合は.mjsを対象に ・node起動時に--experimental-modulesオプションを付与して起動 詳細 ▼ バージョンを8.xへ 今回は8.11.xに
Reactの凝り固まったFormをユニットテストを整備しながら解きほぐしていく - Qiita
はじめに React、便利ですね。 初めはJSXの独特の書き味にパンチを食らいましたが、慣れてくると各Componentを小さく作れるので設計がしやすいのと、データの流れが想像しやすいのは実際に自分で実装してみても感じるところでした。 ただ、いくらReactでComponent単位で管理していたとしても各Componentの処理の依存度が高く複雑に書かれてしまっていてはせっかくの恩恵を受けられません。 そこで今回はFormを対象にして、実装していく中で肥大化していったComponentをリファクタリングしながらユニットテストを整備していくことで、コードを解きほぐしていこうと思います。 対象バージョン react: 16.4.2 jest: 23.5.0 enzyme: 3.4.1 enzyme-adapter-react-16: 1.2.0 sinon: 6.1.5 事前準備 事前にユニッ
Jest 14.0のSnapshot Testingという新しい機能 - Qiita
Reactコンポーネントのテスト 最近コンポーネントのテストを試していて、とりあえずFBが作っているJestというフレームワークを試していました。一通り理解してテストを完了した、というタイミングでバージョナップされていました。 う～ん日進月歩 概要 必要なものは、Reactコンポーネント、対応するテストプログラム、スナップショットファイルです。 Reactコンポーネントはテスト対象です。説明することもないですね。 そして、今まではテストプログラムで、ごにょごにょと色々していたのですが、スナップショットテストだと基本的にtoMatchSnapshot()を実行していくだけです。 楽だ～ そして、今回の肝となるスナップショットファイルですが、最終的に出力されるHTMLをそのまま記述します。renderメソッドのreturn値を記述していく感じですね。そして、キーとしてSuite(describ
jest で Node.js の テストするなら testEnvironment: "node" を使う - Qiita
jest はデフォルトコンテキストが browser になる。 そのため axios とかだと内部に使われるhttp requestライブラリがデフォルトで XHR になる。 XHR になると、Nodeのhttpモジュールとは違い、CORSの制約などの細々した制約を受けてしまう。 受けた結果、 jestでだけNetwork Error になる、CORSのエラーとしてわかりやすいエラーが出てくれたら良いが、 Network Error とだけ返ってくる事になり、意味不明の状態で半日デバッグしていたら、jsdom/xmlhttprequest で変な問題を見つけた。 どうも origin が "null" (string の null) のときと access-control-allow-origin のヘッダに何も指定しないと null (普通のnull) になり、同一性チェックに失敗するよ
ついに jest の軍門に降った - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? もう駄目だ。ついに React 以外のプロジェクトでも Jest 一択になってしまった。 もともと自分の選択するテストツールは、むかしは jasmine、いまは mocha + chai（ときどき power-assert） をベースに周辺ツールと連携させていて、React を使うようになってしばらくして Jest を入れるようになった。ここ5年くらいのフロントエンド界隈では標準の一種だと思う。 それがどうしてこんなに Jest びいきになったのか。 その1. 楽 とにかく楽だからだ。 Jest の売りはオール・イン・ワンとゼロ・コンフ
ついに jest の軍門に降った - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? もう駄目だ。ついに React 以外のプロジェクトでも Jest 一択になってしまった。 もともと自分の選択するテストツールは、むかしは jasmine、いまは mocha + chai（ときどき power-assert） をベースに周辺ツールと連携させていて、React を使うようになってしばらくして Jest を入れるようになった。ここ5年くらいのフロントエンド界隈では標準の一種だと思う。 それがどうしてこんなに Jest びいきになったのか。 その1. 楽 とにかく楽だからだ。 Jest の売りはオール・イン・ワンとゼロ・コンフ
React+Redux と web3.js を使ったスマートコントラクトアプリ開発 - Qiita
$ geth version Geth Version: 1.7.1-stable Git Commit: 05101641455a754936acc5ddff92f35f5e33181c Architecture: amd64 Protocol Versions: [63 62] Network Id: 1 Go Version: go1.9.1 Operating System: darwin GOPATH=/Users/arosh/go GOROOT=/usr/local/Cellar/go/1.9.1/libexec MetaMask 3.10.9 browser-solidity e6f4dc2 MetaMaskについて MetaMask は Chrome や Firefox のブラウザ拡張として使うことができるウォレットアプリです。このウォレットの大きな特徴は，Mist のよう
ReactJSで作る今時のSPA入門（基本編） - Qiita
GitHubサンプルをbabel7に対応しました。 GitHubサンプルコード：GitHub （※この記事のサンプルはすでに古いです。最新版のサンプルと説明はGitHubのreadmeに書いてあるのでそちらを見てください） ReactJS使ってナウいウェブアプリケーション作ろうぜってことでまとめてみようと思います。 以前はウェブアプリケーション作る時はBracketsやAtom使っていたのですが プラグインのアップデートとかバグった時がめんどくさかったり、エディタが重かったりしたので 最近はVisual Studio Code(VSCode)に乗り換えました。 （必要な便利な機能もプラグインいれなくても揃ってるし、デフォルトでJSXサポートしてるから楽） VSCode環境構築：VSCodeで爆速コーディング環境を構築する(主にReactJS向け設定) ちょこっとReactJSを試したいとき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jestで"SecurityError: localStorage is not available for opaque origins"と言われてテストがコケる - Qiita
Vue-cli で作ったプロジェクトの Jest で開発用 API のテストをする - Qiita
Jestで非同期関数が例外を投げることをテストする。 - Qiita
Vue Test Utils + Jest でVue.jsの単体テストを行う - Qiita
Jestでd.tsがファイルあるときCoverage出力がエラーになる場合の対処法 - Qiita
React + TypeScript (+ Electron)でアプリを書き始めるときにやってること - Qiita
