Тестирую реакт-компонент с помощью Enzyme
В компоненте массив 150 записей, выводящихся в таблицу
Используется пагинация по 50 записей, соответственно в таблицу выводятся только первые 50
Вначале они отсортированы по имени гостя
const component = mount(<GuestsList />)
const guestNames = component.find('.cell-guestName')
// Показывается все верно, length: 50 (Anna April, Anna Astray...)
Теперь я хочу поменять сортировку на убывающую и симулирую клик по колонке
component.find('th.column-guestName').sumulate('click')
смотрю в дебаггере component.html(), все отрисовалось верно, вижу 50 строк с именами по убыванию (Rebecca Stanford, Rebecca Red...)
Однако же
const guestNames = component.find('.cell-guestName')
по прежнему все те же, length: 50 (Anna April, Anna Astray...)
Как будто html и поиск в объекте живут разной жизнью. Как их синхронизировать?