イベントを受け取る関数をテストするには？

Question

テストの作成は私にとって初めてのことです。イベントを受け取る関数のテストを作成しようとしています。問題が起きた場合はonChangeコールで、chaiを使用しています。

My機能：

export function handleChange(event) { 
    if (isNaN(event.target.value)) { 
    event.preventDefault(); 
    alert('input can only be a number'); 

    } else if (event.target.value > 5) { 
    event.preventDefault(); 
    alert('Rating can not be over 5 stars, please try again'); 

    } else { 
    this.setState({starRate: event.target.value}); 
    } 

Answer 1

まず、あなたが入力にevent.preventDefault()を適用しています。この場合には防止する「イベント」はないので、コードは本質的に役に立たない。

eventが関数に渡されているときは、event.target.valueを使用しています。この場合、単にevent.valueを探しているだけです。

単にJavaScript関数にパラメータとしてthisを渡し、現在の入力を通過します。 thisは常に現在の要素を参照します。

function handleChange(event) { 
 
    if (isNaN(event.value)) { 
 
    alert('The input can only be a number.'); 
 
    } else if (event.value > 5) { 
 
    alert('Rating can not be over 5 stars, please try again.'); 
 
    } else { 
 
    alert('The input was OK.'); 
 
    } 
 
}

<input onchange="handleChange(this)">

あなたが入力を入力（し、入力のオフにクリックしようとすると）、alert()がスローされます。

はここで働い例です。

希望すると便利です。 :)