2016-10-25 4 views
0

私は<option>Componentの配列を出力する関数をテストするテストを書いています。 <option>に正しい値があり、正しいテキストが表示されていることをテストします。<option>コンポーネントのテキストを取得するにはどうすればよいですか?

私はそうのように、各<option>の値を確認することができます。

const generatedArrayOfOptionComponents = functionToTest(); 
const firstOptionComponent = generatedArrayOfOptionCompononts[0]; 
const optionValue = firstOptionComponent.props.value; 

は、どのように私はそれがレンダリングされるときfirstOptionComponentが表示されるというテキストを得ることができますか?同様の質問へ


回答は、一般的にイベントハンドラを追加し、それが変化したときに、選択し<option>のテキストを取得伴います。私はテスト環境にいるので、これは私のためには機能しません。このテストでは、私が持っているのは、テストで返されたComponentオブジェクトです.DOM環境はなく、この特定のテストではEnzymeは使用されていません。生コンポーネントのインスタンス自体から<option>コンポーネントのテキストを取得するにはどうすればよいですか?

+0

DOMがない場合、どのように "compnent"を作成するのですか? – evolutionxbox

+0

私の関数は次のようになります: 'function functionToTest(){return [()、(

+0

ブラウザ環境を使わずにコードをテストする方法は?あなたがいるなら、何がポイントですか? – evolutionxbox

答えて

1

DOMを持たない状況で、Reactコンポーネントのレンダリングされた製品とやりとりすることがうまくいく状況がいくつかあります。テストは一つです、同形サーバサイドReactは別です、もっと確かです。

これらの状況では、ReactDOMServerがあります。

関連する問題