Mi componente ->
export default()=>{ const [list, setList] = useState([]) const handleAddToList = () => { //makes an api call and sets the list state. setList(response); } return ( <div> <Button onClick={hanldeAddToList}>add to list</Button> { list.map(row=><span>{row.name} </span>) } </div> ) }Problema =>
cómo probar este componente usando la biblioteca de prueba de React con datos de lista simulados, el problema es que "lista" es un estado aquí y no puedo probarlo usando la biblioteca de prueba de React porque no se enfoca en la implementación y, por lo tanto, no puedo llenar el estado de la lista.
Como dijo @ matt-morgan, tienes que burlarte de tu llamada api. Sugeriría usar Mock Service Worker .
React Testing Library le permite escribir pruebas contra su UI exactamente de la misma manera que lo hace un usuario. Sus pruebas consistirán en hacer clic en botones y completar campos y hacer clic en enlaces. Si su componente realiza llamadas asincrónicas para obtener datos, debe simular esas llamadas para que su interfaz de usuario tenga datos con los que trabajar.