問題タブ [reactjs-testutils]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Browserify なしで React コンポーネントをテストする方法
browserifyツールを使用しない反応アプリケーションがあります。Reactで呼び出されたreact js libのスクリプトによって変数がエクスポートされることを意味します<head>。
このコンポーネントを実装した後、テストを作成したいと考えています。Jest のドキュメントを見て、コンポーネント テストを作成しました。
Jest ドキュメントの例では、コンポーネントとそのテストの両方でrequire関数を使用してReact変数を取得しています。
React変数をコンポーネントに公開する方法はありますか? または、このテストを作成するために browserify を使用する必要がありますか?
reactjs - Jestを介してReact PropTypesをテストするには?
React コードの Jest テストを作成しており、PropType チェックを利用/テストしたいと考えています。私はJavascriptの世界にまったく慣れていません。私はnpmを使用してインストールreact-0.11.2し、簡単にしています：
私のテストでは。私のテストは、次のようなコードを使用した jest/react チュートリアルの例と非常によく似ています。
ただし、コンポーネントの PropType チェックEventCellがトリガーされていないようです。チェックは開発モードでのみ実行されることは理解していますが、reactnpm を使用すると開発バージョンが得られると考えました。watchify を使用してコンポーネントをビルドすると、ブラウザでチェックがトリガーされます。
私は何が欠けていますか？
reactjs - マウス ホイール イベントのテスト
作成したメニュー コンポーネントでマウス ホイール イベントを処理する単純な関数をセットアップしました。コンポーネントは正常に動作します。その周りに単体テストを作成しようとしていますが、問題が発生しています。
コンポーネント ハンドラ:
this.moveUp() / this.moveDown() は単に状態を設定しますfirstIndex
問題は、この機能のテストを作成しようとすると、機能しないことです。渡す eventDetails オブジェクトと関係があることはほぼ 100% 確信していますが、正しくフォーマットする方法がわかりません。
TestUtils.Simulate.Scroll() を正しくフォーマットする方法を知っている人はいますか / onWheel() をテストするより良い方法を知っていますか?
javascript - TestUtils.Simulate を使用して入力要素に変更イベントを作成する際の問題
「Thinking in React」( http://facebook.github.io/react/docs/thinking-in-react.html )に示されている例について、冗談でテストを書こうとしています。
そして、TestUtils.Simulate を使用して検索入力オブジェクトに変更イベントを提供するのに苦労しています。
誰か提案がありますか？Testutils.Simulate を間違って使用していますか?
reactjs - React TestUtils Simulate でオプションを選択
次の React コンポーネントがあり、TestUtils を使用して選択ブロック内の selectElements の 1 つを選択したいと考えています。それ、どうやったら出来るの？
私はすでにこのようにしてみました：
しかし、うまくいきません。
coffeescript - Jest と TestUtils を使用して React フォームの送信をテストする
submitReact、TestUtils、および Jest を使用してフォーム イベントをテストできません。
<form>DOM 要素をレンダリングするコンポーネントがあります。同じコンポーネントには、onSubmitイベントを処理してステートメントをログに記録するメソッドもあります。onSubmit私の目標は、ハンドラーをモックし、それが呼び出されたことをアサートすることです。
フォームコンポーネント.cjsx
__tests__/test-form-component.coffee
関連する質問:
jquery - 必要のない jQuery を使用した React コンポーネント - jest 単体テスト
jQueryを使用してイベントをトリガーする非常に単純なReact mixinがあります
これは、browserify を使用して新しいコンポーネント セットの一部としてメイン サイトにインポートされます。これらのコンポーネントを保持するメイン サイトには常に jQuery が含まれるため、重複するため、browserify で jQuery を要求したくありません。
これは動作上の問題ではありませんが、jest を実行してこの mixin を使用してコンポーネントを単体テストすると、エラーが発生して問題が発生します。
browserify を介して jQuery を含めることでこれを修正できることはわかっていますが、2 つのコピーがサイトに読み込まれます。
反応コンポーネントにjQueryがすでにウィンドウに存在し、それについて心配しないように冗談で伝える方法はありますか?