3、测试驱动开发的起步与实践

测试驱动开发的起步与实践

1. 从测试中渲染 React 组件

为了让测试通过，我们需要在期望代码之前编写调用生产代码的代码。由于要测试 React 组件渲染时的情况，我们会用到 ReactDOM.render 函数。该函数接收一个组件（这里是 Appointment ），执行 React 渲染操作，并用新渲染的节点树替换现有的 DOM 节点，被替换的 DOM 节点就是 React 容器。其方法签名如下：

ReactDOM.render(component, container)

在测试中调用此函数，需要定义 component 和 container 。下面是测试的大致结构：

it('renders the customer first name', () => {
  const component = ???
  const container = ???
  ReactDOM.render(component, container);
  expect(document.body.textContent).toMatch('Ashley');
});

因为要渲染 Appointment 组件，所以 component 是一个将 customer 作