解決Vue Test Utils中測試案例中的工具提示警告的方法

Question

在使用bootstrap-vue的v-b-tooltip.hover時，單元測試一直會出現警告：

[BootstrapVue warn]: tooltip - 提供的目標不是有效的HTML元素。

Answer 1

我發現在定義componentData時使用attachTo: createContainer()可以解決問題。同時，每當wrapper被重新定義時，也必須重新定義。

const createContainer = (tag = "div") => {
  const container = document.createElement(tag);
  document.body.appendChild(container);

  return container;
};

const componentData = {
  attachTo: createContainer(),
  store,
  localVue
};

const wrapper = shallowMount(Index, componentData);