0
407
VistasLos accesorios del método están destinados a ejecutarse en 1 nodo, 0 encontrado en su lugar (Jest, ReactJS)
Atascado, cuál es la mejor manera de hacer una prueba unitaria en un gancho que verifique si hay un carácter coincidente entre el texto de entrada y el texto de la API. Solo la letra NO coincidente estará en negrita y la letra coincidente permanecerá normal. ¿Cómo pruebo elementos que solo se muestran al escribir más de 2 caracteres? Esto es básicamente un menú desplegable.
return ( <SearchResultComponent> {(loadingData && currentInputLength) ? <SearchResultBlockShow> {getResult.map((item: SearchTerm, index: number) => ( <SearchResultBlock key={index} > <MakeBold currentResult={item.searchterm} keyword={currentInput} /> <SearchResultSpan>{"(" + item.nrResults + ")"}</SearchResultSpan> </SearchResultBlock> ))} </SearchResultBlockShow> : <SearchNoResult>No Result</SearchNoResult>} </SearchResultComponent> ) ![][1]](https://i.stack.imgur.com/je8FI.png)
] 2
import { mount, shallow } from "enzyme"; import { Provider } from "react-redux"; import { screen } from "@testing-library/dom"; import { render } from "@testing-library/react"; import '@testing-library/jest-dom'; import { store } from "../Store"; import { MakeBold } from "./matchCharacter"; it("SearchResult Component test props", () => { const wrap = shallow( <Provider store={store}> <MakeBold currentResult={"trui"} keyword={"trui"} /> </Provider> ); expect( wrap.find({ "data-testid": "match-character-test" }). filter((x: any) => x.props('dangerouslySetInnerHTML')). prop('dangerouslySetInnerHTML'). __html ).toBe('<span>trui<span>'); });
·
Juan Pablo Isaza
Responde la pregunta