Möglichkeiten zum Beheben von Tooltip-Warnungen in Testfällen in Vue Test Utils

Question

Bei Verwendung von v-b-tooltip.hover von bootstrap-vue erscheint im Komponententest immer eine Warnung:

[BootstrapVue warn]: tooltip – das angegebene Ziel ist ungültig HTML-Element.

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