Façons de résoudre les avertissements d'info-bulle dans les cas de test dans Vue Test Utils

Question

Lors de l'utilisation du v-b-tooltip.hover de bootstrap-vue, un avertissement apparaît toujours dans le test unitaire :

[BootstrapVue warn] : info-bulle - la cible fournie n'est pas valide Élément HTML.

Answer 1

J'ai trouvé que l'utilisation de attachTo: createContainer() lors de la définition de composantData peut résoudre le problème. Dans le même temps, chaque fois que le wrapper est redéfini, il doit également être redéfini.

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