Testy integracyjneTest wpisywaniaPowrót do lekcji
Komponent TextInputWithCallback przyjmuje funkcję w propsie onTextChange. Funkcja ta wywoływana jest w momencie, gdy użytkownik wpisze coś do inputa. Do funkcji przekazywana jest obecna wartość inputa.
Twoim zadaniem jest napisanie testu integracyjnego, który zasymuluje wpisanie tekstu do inputa, a potem sprawdzi czy funkcja przekazana do onTextChange została poprawnie wywołana.
Zgodnie z dobrymi praktykami nazywaj testy po angielsku!
W kodzie testu znajdziesz już wszystkie potrzebne importy. Możesz skupić się więc na pisaniu testów przy pomocy Jesta i react-testing-library.
Twój kod 💻
import React, { StrictMode, useState } from "react"; export function TextInputWithCallback({ onTextChange }) { const [text, setText] = useState(""); const handleChange = (event) => { const newText = event.target.value; setText(newText); onTextChange(newText); }; return ( <input type="text" value={text} onChange={handleChange} placeholder="Type something..." /> ); }
Tests