My External Storage

Sep 28, 2018 - 6 minute read - Comments - react test

Jest( >23.0.0 )、enzymeでReactのテーブル駆動テストを行う #react #test

Reactでもテーブル駆動テスト(データ駆動テスト)がしたいと思い、Jestを使ってみた。 ステートレスなコンポーネントがちゃんと設計できていれば入出力は冪等になるので、Reactとテーブル駆動テストは非常に相性がよさそう。 enzymeを使えばDOMアクセスも簡単だった。 ただ、Jestのバージョンが23.0.0以上じゃないとeachメソッドが使えないので、create-react-appで作ったプロジェクトの場合はejectする必要があった。

JestはJavascriptでrspecのようなテストが書けるツール。enzymeはairbnbが作成したいい感じにDOMにアクセスできるAPIライブラリ。

Sep 12, 2018 - 3 minute read - Comments - react flow vim

Vim + ALEでReact+Flowなファイルを開くと'type aliases' can only be used in a .ts file.と怒られる #react #eslint

create-react-appを使って、React + Flowな開発を始めようとしたら以下のLintエラーがVimから出るようになってしまった。

  • 8008: 'type aliases' can only be used in a .ts file.
  • 8011: 'type arguments' can only be used in a .ts file.

(今回は)TypeScriptは使うつもりをないので.tsファイルと言われても困ってしまう。
エラーメッセージをググってもググってもVSCodeのエラー解決しか見つからなかったのでメモ。