Tag: ENZYME
Tengo varios componentes donde agregué un analyticsProvider para realizar un seguimiento del uso. En cada uno de estos, estoy utilizando un gancho useEffect e importando useAnalytics: import { useAnalytics } from ‘@framework/component-analytics’; <p>const { trackView } = useAnalytics();</p> <p>useEffect(() => { trackView(‘/liveTraffic’, ‘liveTrafficPage’); }, [trackView]); También tengo un AnalyticsProvider en . . . Read more
Tengo un componente llamado <MyComponent>. Dentro del componente tengo un <button>Haz clic</button> que tiene un event listener en el evento de clic añadido en useEffect. useEffect(() => { const btn = document.getElementById('button'); if (btn) { btn.addEventListener('click', onButtonClicked, false); } return function cleanupListener() { if (btn) btn.removeEventListener('click', onButtonClicked); }; }, []); . . . Read more
Soy nuevo en React, estoy tratando de mejorar la cobertura de código. Usé algunos enlaces para utilizar spyon y probar mis hooks pero la prueba pasa pero no hay mejora en la cobertura. Solicito tu ayuda. Aquí está el código de muestra import SimplePage from “../SimplePage/SimplePage”; import { useContext } . . . Read more
Mientras intento hacer una prueba import React from “react”; import {EventsLoadingContext} from “../../../src/components/data-admin/context/EventsLoadingContext”; import DataAdmin from “../../../src/components/data-admin/DataAdmin”; import { configure, mount, shallow } from “enzyme”; import Adapter from ‘enzyme-adapter-react-16’; configure({ adapter: new Adapter() }); it(“should render DataAdmin component”, () => { const component = shallow(<dataadmin></dataadmin>, {context: EventsLoadingContext}); const dataTable = . . . Read more
He escrito varios tests para mi componente de React y todos funcionan cuando excluyo el siguiente código: useEffect(() => { if (lastClickedElement) { const findElement = document.getElementById(lastClickedElement); findElement.focus(); } else { const findFirstLink = document.querySelectorAll(“a”); findFirstLink[0].focus(); } Sin embargo, cuando lo incluyo, recibo el error: “No se puede leer la . . . Read more