检查未渲染组件的最佳实践

Question

我们假设某个组件​​基于某种属性在render方法中返回null。

使用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).toBeEmpty()。我觉得它更具可读性，但是您的解决方案也可以工作