Как протестировать вложенный компонент в Jest - PullRequest
0 голосов
/ 24 апреля 2020

Я изучаю Jest с React и хотел бы понять, как проверить, отображается ли компонент.

В моем приложении. js Я сделал это:

import React from "react";
import AppLayout from "./Components/AppLayout";

function App() {
    return <AppLayout />;
}

export default App;

Мой тест

import { shallow } from "enzyme";
import React from "react";
import renderer from "react-test-renderer";
import App from "./App";
import AppLayout from "./Components/AppLayout";

describe("App", () => {
    let wrapper;
    beforeEach(() => (wrapper = shallow(<App />)));

    it("should render the App", () => {
        console.log(wrapper.containsMatchingElement(<AppLayout />));
        expect(wrapper.containsMatchingElement(<AppLayout />)).toEqual(true);
    });
});

Этот тест не пройден с False:

Expected: true
Received: false

Я не понимаю, как сделать так, чтобы этот тест прошел и каким должен быть этот тест на самом деле, поскольку мне нужно просто проверить, когда приложение отображает AppLayout в главном контейнере приложения.

...