Wie testen Sie eine Funktion, die ein Ereignis empfängt?

Question

Erstellen von Tests ist neu für mich. Ich versuche, einen Test für eine Funktion zu erstellen, die ein Ereignis empfängt. Es ist ein onChange Anruf, wenn es darauf ankommt, und ich verwende chai.

Meine Funktion:

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

Zuerst werden Sie event.preventDefault() zu einem Eingang Anwendung. Es gibt kein 'Ereignis', das in diesem Fall verhindert werden kann, so dass Code im Wesentlichen nutzlos ist.

Zweitens verwenden Sie event.target.value, wenn nur event an Ihre Funktion übergeben wird. Sie suchen einfach nach event.value in diesem Fall.

an dem Stromeingang passieren, einfach this als Parameter in die JavaScript-Funktion übergeben. this bezieht sich immer auf das aktuelle Element.

Hier ist ein funktionierendes Beispiel:

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)">

Wenn Sie eine Eingabe ein (und dann aus der Eingabe zu klicken versuchen), wird ein alert() geworfen werden.

Hoffe, das hilft! :)