Jest と ReactTestUtils で React Component のユニットテストを書く - Qiita
facebook製のテストフレームワークJestを使ってReact Component のユニットテストを書く方法について簡単にまとめました。 こちらに今回使ったサンプルコードをアップしましたので、合わせてご参照ください! 前提 jest-cli v0.9.2 babel-jest v9.0.3 react-addons-test-utils v0.14.7 react v0.14.7 babel で jsx, es6 をコンパイルする Jest の主な特徴 テストコード内で require した module は、自動的に mock 化される(後述)。https://facebook.github.io/jest/docs/automatic-mocking.html デフォルトで jasmine 2を利用している。 設定 module のインストール Jest でテストを実行するために
Reactのテストを mocha + nyc から Jestにしてみる - Qiita
{ "test": "NODE_ENV=test mocha test/", "coverage": "nyc -c npm test" } /srcにソースディレクトリ /testにテストディレクトリ MISC jsdom-global使って色々小細工していた。 mocha -> jestにするモチベーション 興味本位 Jestがv15.0.0でAutomockingを捨てて本気を出してきたのでちょっと使ってみたかった気持ち Railsプロジェクトにjavascriptプロジェクトを混ぜようとしたとき、mochaのテストディレクトリに悩んでしまうぐらいなら、Jestのテストフでやってみようかと思った jestでは、/srcなどのコードに対して、/src/__tests__というディレクトリを作るか、some.test.jsという名前をつけるのがデフォルト設定になっている。 mochaでも
Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita
はじめに みなさん、日頃JavaScriptのテストはどのように行っていますか？ 昨今ではAngularJSやReactJSを始め、JavaScriptのフレームワークやライブラリを使用してのフロントエンドの開発が当たり前のようになってきております。 ではそのフロントエンド、JavaScriptのテストはどんなツールを使っていますか？ mochaやpower-assert、chai、Karma、Jasmine等を組み合わせて使用してテストしているでしょうか。 前置きが少し長くなりましたが、Facebookが開発したオールインワンな「Jest」というツールのReactでのHowto的な使い方から実際のテストでの使用例を交えて紹介したいと思います。 ちなみにこのJest、最近リリースされて話題になったパッケージ管理のYarnでも使われています。 対象バージョン Jest:22.0.4 Reac
Syntax error when require-ing non-JavaScript files · Issue #27 · jestjs/jest
- Error: /Users/arnihermann/Code/jest-test/Foo.js: /Users/arnihermann/Code/jest-test/preprocessor.js: Parse Error: Line 1: Unexpected token . at throwError (/Users/arnihermann/Code/jest-test/node_modules/react-tools/node_modules/esprima-fb/esprima.js:2154:21) at throwUnexpected (/Users/arnihermann/Code/jest-test/node_modules/react-tools/node_modules/esprima-fb/esprima.js:2216:9) at parsePrimaryExp
JestでReact.jsアプリケーションのテスト - Qiita
Jestとは facebookがgithub.comに出している テスティングフレームワーク。 JestでReact.jsアプリケーションのテストを書く ...と書くとざっくりしているが、 Jestのサイトで、tutoria/reactに、React.jsアプリケーションでの Jestを使ったサンプルが載っていた。 コードもgithub.com上に上がっている。 githubリポジトリに、コードをそのまま載せてみた。 Jestを使うためのセットアップ 前提条件 node.jsのバージョンは2014年12月現在stableのv0.10.xxであること という条件がある。 React.addons.TestUtils Jest単体はReact.js向けのテストフレームワークとしては書かれておらず、 VirtualDOMを使ったり、clickイベントのシミュレートをしたい場合はReact.jsの
React.js + Jest - Qiita
前回はTestUtilsの使い方を中心に説明したので、今回はfacebookが開発しているJestというフレームワークとの組み合わせてみたいと思います。 Painless JavaScript Unit Testing Jestのページには「Painless JavaScript Unit Testing」とある通り導入が簡単という特徴を持っています。 その特徴として「Mock By Default」があって、DefaultでCommonJS Styleのrequireを全てMockに置き換えます。ちょっと過激な感じですね。 なので、テスト対象の挙動だけに依存したテスト簡単に書くことが出来ます。逆に完全にテスト対象以外はMockになるのでI/FのテストにはならないですがまぁそれはUnit Testの範囲外ということで。 Jasmine JestはJasmineをベースとしてその上に作られて
jest入門 - Mockテストと非同期テスト - Qiita
Jestとは Facebookで開発しているUnitTestフレームワーク。 特徴は以下です。 FAMILIAR APPROACH Jasmineベースなので記法は馴染みやすいものです。 MOCK BY DEFAULT CommonJSスタイルのrequire()をMockすることで単体テストを実現します。 SHORT FEEDBACK LOOP サクッとテストできる。 ブラウザとかPhantom.jsとか要らないよって意味だと思う。。。 何がいいのか？ 素のJasmineと比べてこんな特徴があるようです。 テストファイルを勝手に探してくれる。 DefaultでMockされるので、あえて記述しない限り純粋な単体テストになる。 mockを使うことで、非同期処理を同期的に書ける。 Jasmine2.Xでは非同期サポートがされたとか聞きましたがよく知らない。 jsdomを使うことで、HTMLを含
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jest/examples/typescript at main · jestjs/jest
Fetch do not work on Jest · Issue #2071 · jestjs/jest
Custom reporter integration by abdulhannanali · Pull Request #3064 · jestjs/jest
Running tests in the browser · Issue #139 · jestjs/jest
jest/packages/pretty-format at main · jestjs/jest
Add a section on integrating Jest into popular frameworks · Issue #2714 · jestjs/jest
jest/examples/typescript/package.json at main · jestjs/jest
jest/packages/pretty-format/README.md at main · jestjs/jest
requiring json - odd behaviour · Issue #238 · jestjs/jest
GitHub - searchbox-io/Jest: Elasticsearch Java Rest Client.
jest/CHANGELOG.md at 0.8.0 · jestjs/jest
Update to work with node v 0.12.0 · Issue #243 · jestjs/jest
Optional jasmine 2 support by akhomchenko · Pull Request #330 · jestjs/jest