Jest React Enzyme测试用例

Question

export default class StudentGrid extends Component {
  static handleScroll() {
    const studentTableHeader = document.getElementById('student-table-header');
    const studentTable = document.getElementById('student-table');
    const scrolldiv = document.getElementsByClassName('main')[0].scrollTop; // From DOM
    const sticky = studentTableHeader.offsetTop;
    if (scrolldiv >= sticky) {
      studentTableHeader.classList.add('studentList__sticky');
      studentTable.classList.add('studentList__managetop');
    } else {
      studentTableHeader.classList.remove('studentList__sticky');
      studentTable.classList.remove('studentList__managetop');
    }
  }

  componentDidMount() {
    window.addEventListener('scroll', StudentGrid.handleScroll, true);
  }

  componentWillUnmount() {
    window.removeEventListener('scroll', StudentGrid.handleScroll, true);
  }

  render() {
    return (
      <div className="pe-container-fill">
        <div className="responsive-table">
          <div className="table" id="student-table">
            <div
              className="table-row table__header"
              id="student-table-header"
            />
          </div>
        </div>
      </div>
    );
  }
}

帮我写测试用例（使用Jest和Enzyme）
1.模拟滚动，需要调用handleScroll功能检查
2.需要检查类“ studentList__sticky”和“ studentList__managetop”是否存在。

Answer 1

您可以在此页面上查看airbnb.io-enzyme / jest 。 您将必须了解浅的，完整的dom和静态渲染。 这对于您理解Jest和Enzyme的测试过程将非常有用。

您可以查看hackernoon.com-酶/开玩笑 。 这将显示并解释一些测试用例。