5、测试驱动开发与React表单实践

测试驱动开发与React表单实践

测试驱动开发起步

React应用由组件层次结构构成，在根节点渲染。应用入口点应渲染根组件，不过通常不建议对入口点进行测试驱动开发，因为加载整个应用的测试在添加越来越多依赖时会变得脆弱。可以在后续使用验收测试来覆盖入口点。开发入口点时，遵循以下规则：
- 尽量简洁。
- 仅用于实例化根组件的依赖项并调用 ReactDOM.render 。

在运行应用前，需要一些示例数据。创建 src/sampleData.js 文件，并添加以下代码：

const today = new Date();
const at = hours => today.setHours(hours, 0);
export const sampleAppointments = [
  { startsAt: at(9), customer: { firstName: 'Charlie' } },
  { startsAt: at(10), customer: { firstName: 'Frankie' } },
  { startsAt: at(11), customer: { firstName: 'Casey' } },
  { startsAt: at(12), customer: { firstName: 'Ashley' } },
  { startsAt: at(13), customer: { firstName: 'Jordan' } },
  { startsAt: at(14), customer: { f