Тестовый набор Jest React Enzyme - PullRequest
Новая
       22

Тестовый набор Jest React Enzyme

0 голосов
/ 19 мая 2018 
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' или нет.

1 Ответ

0 голосов
/ 21 мая 2018

Вы можете посмотреть на этой странице airbnb.io - энзим / шут .Вам нужно будет узнать о мелкой, полной dom и статической визуализации.Это будет очень полезно для вашего понимания процесса тестирования Jest и Enzyme.

Вы можете посмотреть hackernoon.com - энзим / jest .Это покажет и объяснит некоторые контрольные примеры.

...