Тест Vue для выпадающего меню bootstrap-vue nav не работает при имитации щелчка

Question

Я пытаюсь протестировать раскрывающийся список навигации при использовании BootstrapVue. Когда мы нажимаем на раскрывающийся список навигации, он открывает раскрывающийся список и добавляет класс под названием «show». Но пока я пытаюсь имитировать этот щелчок при тестировании, он не меняет вывод после щелчка. Я даже добавил $nextTick(). Но мой тест все еще терпит неудачу, так как класс не добавляется

      it('opens the user preferences dropdown on click', async () => {
    const dropdownButton = wrapper.find("#user-preferences__BV_toggle_");//button to open dropdown
    await dropdownButton.trigger("click");
    await wrapper.vm.$nextTick();
    const listItem = wrapper.find("#user-preferences");
    expect(listItem.classes()).toContain("show"); 
  });