Ways to resolve tooltip warnings in test cases in Vue Test Utils

Question

When using bootstrap-vue's v-b-tooltip.hover, a warning always appears in the unit test:

[BootstrapVue warn]: tooltip - the provided target is not valid HTML element.

Answer 1

I found that using attachTo: createContainer() when defining componentData can solve the problem. At the same time, whenever the wrapper is redefined, it must also be redefined.

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