Jak mohu zkontrolovat, zda dovezené komponenty v mém návratu je v dokumentu se Reagovat Testování Knihovny?

Question 1

Mám komponentu, která vrátí jinou složku, která byla importována (HelloComponent). V mém testu chci zkontrolovat, že HelloComponent je v dokumentu.

Moje komponenty:

import HelloComponent from './helloComponent';

const Plans: FC = () => {
  return (
    <div>
       <HelloComponent />
    </div>
  );
};
export default Plans;

Můj test:

describe('plans', () => {

  it('renders the plans component', async () => {
    render(<Plans />);
    // this is where I would check if HelloComponent is in the document. How do I do this?
 });

Question 2

Můžete použít dotazy najít prvky na stránce.

Předpokládejme, že HelloComponent vykreslí text uzlu:

import React from 'react';

export default function HelloComponent() {
  return <div>hello</div>;
}

Můžete to udělat to takhle:

import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom/extend-expect';
import React from 'react';
import Plans from './plans';

describe('plans', () => {
  it('renders the plans component', async () => {
    render(<Plans />);
    expect(screen.getByText(/hello/)).toBeInTheDocument();
  });
});

slideshowp2 · Answer 1 · 2021-11-24T01:57:02

Můžete použít dotazy najít prvky na stránce.

Předpokládejme, že HelloComponent vykreslí text uzlu:

import React from 'react';

export default function HelloComponent() {
  return <div>hello</div>;
}

Můžete to udělat to takhle:

import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom/extend-expect';
import React from 'react';
import Plans from './plans';

describe('plans', () => {
  it('renders the plans component', async () => {
    render(<Plans />);
    expect(screen.getByText(/hello/)).toBeInTheDocument();
  });
});

Jak mohu zkontrolovat, zda dovezené komponenty v mém návratu je v dokumentu se Reagovat Testování Knihovny?

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii