Materialize: невозможно установить свойство 'tabIndex' для null в Dropdown._makeDropdownFocusable

Question

Я пытаюсь проверить мой компонент vuejs с помощью jest, который содержит материализованный выбор. При выполнении теста компонента я получаю следующую ошибку в materialize.js:

TypeError: Cannot set property 'tabIndex' of null at Dropdown._makeDropdownFocusable

Как исправить эту ошибку?

Answer 1

использовать селектор идентификатора вместо селектора класса. например, раскрывающийся список вызовов, например:

html:

<a class='dropdown-trigger' id="dropdowner" href='#' data-target='dropdown1'>Drop Me!</a>

                         <!-- Dropdown Structure -->
                         <ul id='dropdown1' class='dropdown-content'>
                           <li><a href="#!">one</a></li>
                           <li><a href="#!">two</a></li>
                           <li class="divider" tabindex="-1"></li>
                           <li><a href="#!">three</a></li>
                           <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
                           <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>
                         </ul>

ЯШ:

$('#dropdowner').dropdown();