問題タブ [jestjs]
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
がトリガーされていないようです。チェックは開発モードでのみ実行されることは理解していますが、react
npm を使用すると開発バージョンが得られると考えました。watchify を使用してコンポーネントをビルドすると、ブラウザでチェックがトリガーされます。
私は何が欠けていますか?
javascript - JestJs は ajax が呼び出されていないと考えています
簡単な冗談のテストを機能させるのに苦労しています。Jest は、私の Ajax 呼び出しが発生していないと主張し、次のエラー メッセージを表示します。
テストされるコードは auth.jsx というファイルにあり、次のようになります。
テストは次のようになります。
これが呼び出されていないと冗談が思う理由はありますか?調べてみると、dontMock() と mock() に関していくつかのバグがあるようです。
javascript - React がテストに jsdom を必要とするのはなぜですか?
React コンポーネントのテストを作成するときは、それらの正確性についてアサーションを作成するために、それらを DOM にレンダリングする必要があります。たとえば、特定の状態で特定のクラスがノードに追加されることをテストする場合は、DOM ノードにレンダリングしてから、通常の DOM API を介してその DOM ノードを検査する必要があります。
問題は、React がレンダリング先の仮想 DOM を保持していることを考えると、コンポーネントがレンダリングされると仮想 DOM をアサートできないのはなぜでしょうか? これは、仮想 DOM のようなものを用意する十分な理由のように思えます。
私は何かを逃しましたか?
javascript - Mocha JS (ala Jest) でモジュールを自動的にモックする
ReactJS コンポーネントをテストするための Jest の自動モックを楽しんでいます。しかし、Jest は非常に新しいテスト ツールであり、ブラウザーでテストを実行する機能など、多くの重要な機能が欠けています。また、活発に開発されているかどうかも不明です。
Mocha JS を使用して Jest のデフォルトのモック動作を取得することは可能ですか? 明確にするために、私が望むのはrequire
、そのモジュールをモックしないと特に言わない限り、すべてのステートメントが基になるモジュールのモックを返すことです。
unit-testing - Reactコンポーネントにjestで別のコンポーネントが含まれているかどうかをテストする方法は?
jest-cli を使用して、ある反応コンポーネントの出力に別のコンポーネントが含まれているかどうかをテストしようとしています。これを行う方法がわからなくて困っています。
ここに私のコンポーネントがあります:
DesignerPage コンポーネント
TopBar コンポーネント
次に、DesignerPage コンポーネントに TopBar コンポーネントが含まれているかどうかをテストします。これが私がうまくいくと思うものです:
しかし、それは通過しません... :(
javascript - node.js でスタブ化されたモジュールを自動的に生成する
JavaScript テスト コードを Jest から Mocha に移動しています。Jest の優れた機能の 1 つは、モジュールのスタブを自動的に生成することです。これらのスタブはオリジナルと同じ API を実装していますが、すべての関数は を返しundefined
ます。エクスポートされたクラスもスタブ化されます。つまり、元のクラスと同じメソッドをすべて持ちますが、戻り値は未定義です。
さまざまな理由から、MochaJS に移行していますが、このスタブ動作を維持したいと考えています。proxyquire を使用して、モジュールのスタブを挿入できます。しかし、スタブを自分で定義する必要があります。
私が望むのは、Node モジュールを受け取り、モジュールの Jest 自動モック バージョンのようなものを返す関数です。これを行う Jest のコードはmoduleMocker.jsにあります。これを行うための独自のコードをいくつか作成しました (以下に含まれています)。しかし、それはかなりトリッキーで、私が書くべきコードとは思えません。
これを行うための標準ライブラリはありますか?
ここに私が書いたものがあります:
javascript - TestUtils.Simulate を使用して入力要素に変更イベントを作成する際の問題
「Thinking in React」( http://facebook.github.io/react/docs/thinking-in-react.html )に示されている例について、冗談でテストを書こうとしています。
そして、TestUtils.Simulate を使用して検索入力オブジェクトに変更イベントを提供するのに苦労しています。
誰か提案がありますか?Testutils.Simulate を間違って使用していますか?