reactjs-testutils - 使用酶的 React 组件的单元测试用例

Question

我正在研究 reactjs 5.X 版本。我正在用酶写 UT。下面是我的带有 prop 参数的可重用组件。无法在 const 组件中找到 div 标签。您能帮我如何使用类名获取 div 标签或使用 find 函数获取 div 标签。

 import React from 'react';
    import styles from './democheck.css';
    const democheck = ({ input, cb,
      required, testCheckbox, checked, label, meta: { error } }) => (
        <div id="hierrdivid" className={styles.testDivColumn}>
          <div className={styles.testDiv}>
            <br />
            <span className={styles.testLabel}>
              {label}
            </span>
            {required && <span className={styles.error}>
              *
            </span>}
            <input
              {...input}
              name={`form-field-${input.name}`}
              checked={checked}
              id={input.name}
              className={testCheckbox ? styles.testCheckboxError :
                styles.testCheckbox}
              type="checkbox"
              onChange={() => {
                if (cb) {
                  cb(document.getElementById(input.name).checked);
                }
              }}
            />
          </div>
          <div className={styles.testerrorDiv}>
            {testCheckbox &&
              <div className={styles.testerrorLabel}>
                {label} {error}
              </div>}
          </div>
        </div>
      );

    democheck.propTypes = {
      input: React.PropTypes.objectOf(React.PropTypes.oneOfType([
        React.PropTypes.string,
        React.PropTypes.func
      ])),
      cb: React.PropTypes.func,
      label: React.PropTypes.string,
      meta: React.PropTypes.shape({}),`enter code here`
      required: React.PropTypes.bool,
      checked: React.PropTypes.bool,`enter code here`
      testCheckbox: React.PropTypes.bool
    };