トリガイベントkeyDown contenteditable要素（テスト+反応+ jest +酵素）

反応アプリをテストするために酵素+嫌いを使用していますが、contetnteditableスパン要素のonKeyDownイベントをトリガすることは可能ですか？トリガイベントkeyDown contenteditable要素（テスト+反応+ jest +酵素）

<span id = 'name' contenteditable = 'true'> Editable text </span>

は、私が試した：

result.find('#name').simulate('keyDown', { key: 'm', keyCode: 77, which: 77 });,

が、それはうまくいきませんでした。要素の内容は変更されませんでした。

要素コード： '<スパンID = '名前' のcontentEditable = '真'>編集可能なテキスト ' –

あなたは 'span'にはクリックハンドラを持っていません。あなたは何を期待していますか？何が変わるべきですか？ –

すべての主要なブラウザは、contentEditable要素に焦点を当てるためにonClickハンドラを必要としません。私は、ユーザーがcontentEditable要素にテキストを入力したときのように、keyDownイベントをトリガーしたい。 –

これは酵素の働きではありません。これは、明示的に反応して追加されたイベントのみをシミュレートすることができます。ドキュメント名は、これが実際のイベントをシミュレート暗示するにもかかわらず

から、 .simulate（）は、実際にあなたがそれを与えるイベントに基づいてコンポーネントの小道具を対象とします。たとえば、.simulate（ 'click'）は実際にのonClick propを取得し、呼び出します。

2017-05-03 15:30:44

答えて