タグ

JavaScriptとreact.jsに関するnilabのブックマーク (3)

  • Test Utilities – React

    import ReactTestUtils from 'react-dom/test-utils'; // ES6 var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npm Overview ReactTestUtils makes it easy to test React components in the testing framework of your choice. At Facebook we use Jest for painless JavaScript testing. Learn how to get started with Jest through the Jest website’s React Tutorial. Note: We recommend using React Te

    Test Utilities – React
    nilab
    nilab 2015/05/19
    Test Utilities | React : "React.addons.TestUtils makes it easy to test React components in the testing framework of your choice (we use Jest)."
  • React.jsとテスト - Qiita

    React.jsのテストということはComponentに対してテストをすることになるので、DOMが絡んで来て辛そうだなと思うかと思いますがReact.jsはAddonとしてReact.addons.TestUtilsに便利な関数を提供してくれているのでそれを使うとテストが書きやすくなります。 DOMは必要? React.jsのテストを書くとき、server-sideでも動くのでnodeの環境でテストを実行したくなりますが、実際にonClickイベントに反応して〜などのテストを書こうとするとやはりDOMが必要になってきます。 ちなみに、Prop渡してrenderToStaticMarkupを使ってその結果のHTMLを確認するようなテストであればnodeの環境で実行することは出来ます。 イベントのシュミレート系 「ボタン押したら〜」というテストを書こうとすると、DOMに対する参照を取得し値をセ

    React.jsとテスト - Qiita
    nilab
    nilab 2015/05/19
    reactjs - React.jsとテスト - Qiita : React Component のテスト: React.addons.TestUtils
  • 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の

    JestでReact.jsアプリケーションのテスト - Qiita
    nilab
    nilab 2015/05/19
    reactjs - JestでReact.jsアプリケーションのテスト - Qiita : 「VirtualDOMを使ったり、clickイベントのシミュレートをしたい場合はReact.jsのTestUtilsを使っている」
  • 1