我正在為VueJS編寫一個測試,我想訪問HTML的最外層。然而,無論我使用什麼方法,最外層總是被忽略。無論如何,我可以訪問這個最外層,然後用它做一些事情(例如,outermostLayer.removeAttribute('key')
)
const originalHTML = '<main key="outermost-layer"><main>content</main></main>'; const component = { template: originalHTML }; const wrapper = mount(component); await flushPromises(); console.log(wrapper.element.querySelector('main')); // only return the inner main console.log(wrapper.element.getElementsByTagName('main')); //only the inner one
您只能取得內部元素,因為外部元素是您的包裝器。 使用
attachTo
安裝選項。然後您可以執行以下操作,儘管我認為這取決於版本。我建議更新到最新最好的!
快速測試顯示可能不支援屬性?
文件:https://v1.test-utils.vuejs .org/api/options.html#attachto
#注意:當附加到 DOM 時,您應該在測試結束時呼叫wrapper.destroy(),以從文件中刪除渲染的元素並銷毀元件實例。