Tag: REACT-TESTING-LIBRARY
Tengo un componente que devuelve otro componente importado (HelloComponent). En mi prueba, quiero comprobar que HelloComponent está en el documento. Mi componente: import HelloComponent from ‘./helloComponent’; const Plans: FC = () => { return ( ); }; export default Plans; Mi prueba: describe(‘plans’, () => { it(‘renderiza el componente de . . . Read more
Tengo el siguiente componente: import React, { useState, useEffect } from ‘react’; import { createPortal } from ‘react-dom’; import { useRouteMatch, Link } from ‘react-router-dom’; interface MyComponentProps { myId?: string; link?: string; } export const MyComponent: React.FunctionComponent = ({ myId = ‘default-id’, link, children }) => { const [myOutlet, setMyOutlet] . . . Read more
Tengo una consulta como: export default gql` query getStatus($statusInput: StatusInput!) { getStatus(statusInput: $statusInput) { canAccess isCorrect } } `; Y luego tengo un hook que utiliza esta consulta: const useStatus = () => { const [someId] = useId(); return useQuery<{ getStatus: StatusResponse }>(getStatus, { variables: { statusInput: { id: someId, . . . Read more
Estoy intentando probar un código dentro de un bloque de catch usando React Testing Lib y Jest. Las solicitudes son manejadas dentro del componente a través de axios. Estoy simulando axios de la siguiente manera: “`jest.mock(‘axios’); const mockedAxios = axios as jest.Mocked; Usando `mockRejectedValue`. **Test** test(‘returns throws error’, async () . . . Read more
Lo que estoy intentando es probar si un componente, que depende de un contexto, llama a useEffect y a una función (mockeada por jest.fn()) desde allí. Aquí hay una versión simplificada de mi código: MyComponent.tsx “` export function MyComponent() { const ref = createRef(); const { date } = useMyContext(); . . . Read more