mocha + enzyme + power-assertの環境構築メモ - Qiitanpm install -D babel babel-register babel-preset-latest babel-preset-react babel-plugin-espower mocha power-assert enzyme react-addons-test-utils jsdom jsdom-global npm install -S react
enzyme+mocha+power-assertでReactコンポーネントのフルレンダリングテスト - wadackel.me
公開されている React コンポーネントのテストコードを見てみると、enzymeを使ってテストしているものを結構見かけます。enzyme はReact 公式でも押しているっぽいので、積極的に使っていきたいです。 Note: Airbnb has released a testing utility called Enzyme, which makes it easy to assert, manipulate, and traverse your React Components’ output. If you’re deciding on a unit testing library, it’s worth checking out: http://airbnb.io/enzyme/ 日本語の紹介記事では@syossan27さんの記事が参考になりました。 React のテストを Enz
mocha で coverage が動かなくなったので istanbul にした - あいつの日誌β
とある node.js で動かしていた coverage 生成ツールが動かなくなったので調べた。 blanket.js はすでに開発者不在の状態なので istanbul を使います。 サンプルコード % mkdir practice-istanbul && cd $_ % npm init -f % npm install --save-dev mocha istanbul power-assert % mkdir lib test % touch lib/hello.js test/test_hello.js edit: lib/hello.js % cat lib/hello.js module.exports = function () { return 'hello'; } edit: test/test_hello.js % cat test/test_hello.js var
React.js の 公式Tutorial を Redux を利用して書き直した。また Mocha + power-assert を利用したテストも追加 - Qiita
前回 QiitaにReact.js の React.js の公式Tutorial を gulp を利用して簡単に実行できる環境を作って、ES6も試した で公式TutorialをECMA2015(ECMA6)を利用して書き直しを行ったのですが、ReactといえばFlux、Flux といえばRedux ということで、流行りのRedux を利用して記述したらどうなるのかを試してみました。 また 同じく流行りのテスト環境である Mocha + power-assert を利用して、テストを追加してみました。 React および Redux はテストも非常に行いやすいのを体感しました。 前回の続編として、以下GitHub で公開しています。 https://github.com/ma-tu/react-babel-gulp-browserify-tutorial/tree/es6-redux Rea
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jsでTDD！MochaとChaiとsinon.js入門 - lxyuma BLOG
※この記事は社内勉強会向けの資料の下書きです。書きなぐりの下書きで見直すと最後の方の文書がヤバいので、いつか書き直します。読み辛い所は申し訳ないです。 概要 TDD テスト自動化とTDDを整理 TDDとBDDの違い Test Framework in javascript QUnit/jasmine/mochaについて、違いやメリデメを知る mocha 基本的な書き方 アサーションライブラリのメリデメを整理する chai 記述形式の違い整理 基本文法 sinonjs spy stubs mock TDD Test Driven Development テスト駆動開発 by ケントベック 特徴 xUnit系/BDD系のテストフレームワーク使う テストするコードも実装 テストファースト 実装の後にテストするのではなく、テストを先に書いて実装する サイクル Red(失敗) => Green(通過
PhantomJS + MochaでクライアントサイドJavaScriptのテストをしよう - undefined
ブラウザゲームとかを作っているとなかなかテストが難しくどうしたらいいんだろうと調べていたらPhantomJS + Mochaという組み合わせを見つけたので勉強してみました。 PhantomJSとは？ ブラウザです。JavaScriptのAPIを通じて制御できるヘッドレス（画面のない）Webkitブラウザらしいです。 まだ試せてませんがCanvasやSVGにも対応してるっぽい。 インストール http://phantomjs.org/download.htmlよりダウンロードしPATHを通すことで使用できます。 Macでhomebrewが入って入れば以下でOK。 $ brew update && brew install phantomjs PhantomJS準備運動 まずは以下のようなhello.jsを用意します。 ・hello.js var page = require('webpage
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unit testing react actions - browserHistory is undefined
candoerz.com - candoerz リソースおよび情報
捗るかもしれないフロントエンド開発環境