Попытка проверить событие click and onchange с использованием энзима jest end, но я продолжаю сталкиваться с этой ошибкой:
TypeError: Cannot read property 'getElementsByTagName' of null
Не уверен, что мои реквизиты неверны, потому что они правильно рендерится. Ошибка продолжает указывать на мой setState, когда я пытаюсь проверить щелчок или изменить
вот мой компонент
componentDidUpdate(prevProps, prevState, snapshot) {
var el = document.getElementById('myTable');
var firstHeader = document.getElementById('myTable').getElementsByTagName( 'thead' )[0].getElementsByTagName( 'tr' )[0].getElementsByTagName( 'th' )[0];
if(firstHeader) {
var dragger = tableDragger(el, {
mode: 'column',
dragHandler: '.handle',
onlyBody: true,
animation: 300
});
dragger.on('drop',(from, to, el) => {
this.props.onHeaderDrop(
document.getElementById('myTable').getElementsByTagName( 'thead' )[0].getElementsByTagName( 'tr' )[0].getElementsByClassName('handle')[from].getAttribute('id'),
from + 1,
document.getElementById('myTable').getElementsByTagName( 'thead' )[0].getElementsByTagName( 'tr' )[0].getElementsByClassName('handle')[to].getAttribute('id'),
to + 1
)
});
}
Вот как я высмеиваю один из реквизитов:
фиктивная функция
const onHeaderDrop = jest.fn();
const baseProps = {
onHeaderDrop,
beforeEach(() => wrapper = shallow(<Shape {...baseProps} />));