解决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);