Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

131
Visualizações
How to can I initilize state value in unittest to test h2 tag is present in dom or not?

I'm using React v15.4, babel-jest v18 and enzyme v2.5.1

I have a simple React Component:

MyComponent.js

import React, { useState, useEffect, useCallback } from 'react';
import Loader from '../components/Loader';
import axios from 'axios';

const MyComponent = () => {
    const [loading, setLoading] = useState(true);
    const [inputs, setInputs] = useState();

    const getData = useCallback(() => {
        axios.get('http://jsonplaceholder.typicode.com/todos/1')
          .then(res => {
              console.log(res.data)
              setInputs(res.data);
              setLoading(false);
          }).catch(error => {
            console.log(error);
            setLoading(false);
          });
      },[]);
    
      useEffect(() => {
        getData();
      },[getData]);

    return(
        <div>
            <Loader isLoading={loading} />
            {(inputs && !loading) && 
            <>
               <h2>User Information</h2>
               <p>{inputs.id}</p>
               <p>{inputs.userId}</p>
               <p>{inputs.title}</p>
               <p>{inputs.completed}</p>
            </>}
        
        </div>
    );
};
export default MyComponent;

MyComponent.test.js

import  {render} from '@testing-library/react';
import MyComponent from '../components/MyComponent';
import React from "react";
import { configure, mount } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

test('My Component', () => {
    render(<MyComponent />)
    const widget = mount(<MyComponent />);
    widget.find('h2').text().contains('User Information')
})

The Jest test should pass but I'm getting an error:

Method “text” is only meant to be run on a single node. 0 found instead.

OR how can I initialize state value to test if h2 tag is present in dom or not?

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda