Ways to resolve tooltip warnings in test cases in Vue Test Utils
P粉293341969
2023-08-26 19:41:24
<p>When using bootstrap-vue's v-b-tooltip.hover, a warning always appears in the unit test: </p><p><strong>[BootstrapVue warn]: tooltip - the provided target is not valid HTML element. </strong></p>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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);