私は<option>
Component
の配列を出力する関数をテストするテストを書いています。 <option>
に正しい値があり、正しいテキストが表示されていることをテストします。<option>コンポーネントのテキストを取得するにはどうすればよいですか?
私はそうのように、各<option>
の値を確認することができます。
const generatedArrayOfOptionComponents = functionToTest();
const firstOptionComponent = generatedArrayOfOptionCompononts[0];
const optionValue = firstOptionComponent.props.value;
は、どのように私はそれがレンダリングされるときfirstOptionComponent
が表示されるというテキストを得ることができますか?同様の質問へ
回答は、一般的にイベントハンドラを追加し、それが変化したときに、選択し<option>
のテキストを取得伴います。私はテスト環境にいるので、これは私のためには機能しません。このテストでは、私が持っているのは、テストで返されたComponent
オブジェクトです.DOM環境はなく、この特定のテストではEnzymeは使用されていません。生コンポーネントのインスタンス自体から<option>
コンポーネントのテキストを取得するにはどうすればよいですか?
DOMがない場合、どのように "compnent"を作成するのですか? – evolutionxbox
私の関数は次のようになります: 'function functionToTest(){return [()、(
ブラウザ環境を使わずにコードをテストする方法は?あなたがいるなら、何がポイントですか? – evolutionxbox