Я изучаю 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 в главном контейнере приложения.