如何解决测试用例 vue 测试工具中的工具提示警告？

Posted 2023-02-22

【中文标题】如何解决测试用例 vue 测试工具中的工具提示警告？

【英文标题】：How to resolve tooltip warning in testcase vue test utils?

【发布时间】：2021-09-30 07:45:29

【问题描述】：

在使用 bootstrap-vue 的 vb-tooltip.hover 时，单元测试不断发出警告：[BootstrapVue warn]: tooltip - 提供的目标不是有效的 HTML 元素。

【参考方案1】：

我在定义 componentData 时使用 attachTo: createContainer() 找到了解决方案。每当重新定义包装器时，也必须重新定义。

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