5、React表单与Docker容器化开发实践

React表单与Docker容器化开发实践

1. 创建添加用户的功能组件

首先，我们要创建一个用于添加新用户的功能组件。需要添加两个新文件：
- services/client/src/components/AddUser.jsx
- services/client/src/components/__tests__/AddUser.test.jsx

先从测试开始，在 AddUser.test.jsx 中编写如下测试代码：

import React from 'react';
import { shallow } from 'enzyme';
import renderer from 'react-test-renderer';
import AddUser from './AddUser';

test('AddUser renders properly', () => {
  const wrapper = shallow(<AddUser/>);
  const element = wrapper.find('form');
  expect(element.find('input').length).toBe(3);
  expect(element.find('input').get(0).props.name).toBe('username');
  expect(element.find('input').get(1).props.name).toBe('email');