javascript - 检查组件是否未呈现的最佳实践

Question

让我们假设一个组件在 render 方法中返回 null，基于一些 prop。

为了确保组件不被渲染，使用 expect 的最佳方式是什么？

例子:

import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import Pagination from '../Pagination';

it('should not render if totaPages is 0', () => {
  const { container } = render(<Pagination activePage={1} totalPages={0} />);
  expect(container.firstChild).toBeNull();
});

上面的代码够了吗？

Answer 1

如果您使用 jest-dom你可以做 expect(container).toBeEmptyDOMElement()。我发现它更具可读性，但您的解决方案也适用