問題タブ [reactjs-testutils]

したがって、特定のページからすべてのタブを削除する機能があります。この関数には、作業を行う変数が宣言されています。値が渡されて関数が実行されるように、この変数にダミー値を渡す必要があります。

以下の ReactJS TestUtils を使用してテスト ケースを作成するにはどうすればよいですか。

}

これまでのところ、私はこれを持っています

また、さまざまなフロント エンド シナリオをテストするためのドキュメントや記事を誰かが共有できれば、すばらしいことです。

JSDom、mocha、chai、ReactTestUtils を使用して Im をテストする場合。

コンポーネントの 1 つに 3 つのラジオ ボタンがあり、変更が検出されると ( onChange) 関数が実行されます。

手動テストではすべてが機能しますが、使用すると機能をトリガーできないようですsimulate.Click。

次に、コンポーネント内の関数が実行されなかったため、変更を検出しなかったと主張する人もいます（ラジオボタンのクリック）。

理由の手がかりはありますか？

TestUtils.Simulate reactJS メソッドをテストするための非常に簡単なコンポーネントを作成します。しかし、このメソッドがコンポーネントの値を更新しない理由がわかりません。私は自分のコードを間違った方法で書いたと思います。

これは私の小さなコンポーネントです:

そして、これはテストページです:

行 TestUtils.Simulate.change(input, {target: {value: 'giraffe'}}); 何も作りません

I have following code in my component

I use d3js and render graph in the component. But when I run test there are any svg tags. I assume that it happens because all rect's fields equals 0.

Here is output for console.log(rect) in browser:

ClientRect {top: 89, right: 808, bottom: 689, left: 8, width: 800…}

and when I run test:

{ bottom: 0, height: 0, left: 0, right: 0, top: 0, width: 0 }

So is there a way to set size of the element?

React docs から ReactJS コンポーネント (特定のユーザーの最新の要点 URL をレンダリングする) を取得しましたが、そのようなコンポーネントを単体テストするための最良の方法は何か疑問に思っていました:

目標は

• 分離してテストする (模擬 http 呼び出しを使用)
• 既存のテスト セットアップ (モカ) を使用する
• 物事をシンプルに保つ
• 最終的に、コンポーネントの http 呼び出しが成功すると、状態の変更によって再レンダリングがトリガーされ、アンカー要素が適切な URL でレンダリングされることを確認します。

テストしたいコンポーネントは次のとおりです。

そして、これが私の最初のテストの試みです：

モック コールバックが実行される前にコンポーネントが最初にレンダリングされ、アンカーが正しくレンダリングされないため、このテストは明らかに失敗します。

モックされた http 呼び出しが戻る前にテストが失敗し、コンポーネントが再レンダリングされる機会がありません。

私が理解していることから、Mocha は (done()関数を使用して) 非同期テストを行う方法を提供しますが、これを配置するためのフックがテストで見つかりません。

それを達成するために必要なツール/フレームワークは何ですか?

私が書いているコンポーネントctrlは、押されたかどうかによって動作を変える必要があります。

window.onkeydownイベントを使用していますがSimulate、React Test Utilsからに対してイベントをディスパッチできませんwindow。私も試しましwindow.dispatchEvent(new KeyboardEvent('keydown', { keyCode: 17 }));たが、モカ/ノードは認識しませんKeyboardEvent。

React Test Utilswindow.onkeydownを使用してテストする方法はありますか? そうでない場合、ノードのモカでそれを行うより良い方法はありますか?

問題を説明するコードを次に示します。

入力フィールドの値を設定できません。私は何を間違っていますか？さらに情報が必要な場合は、その旨をお知らせください。ありがとうございました。