0

在我的 vue3 项目中,我开始使用 Jest 和 Vue Test Utils 编写单元测试。我正在使用由 Stencil.js 生成的 Web 组件,这就是问题所在。开玩笑不渲染它们,所以如果没有来自 Web 组件的逻辑,我就无法测试我的 Vue 组件。

以下是 Web 组件在 Jest 中的外观:

<ds-icon class="mr-2" size="24px" icon="email" color="green"></ds-icon>

它应该看起来像:

<ds-icon class="a-dsIcon -email hydrated" style="font-size: 20px;"></ds-icon>

根据 Stencil 文档,我需要应用 pollyfils 并使用代码定义自定义组件:

applyPolyfills().then(() => {
    defineCustomElements()
})

但这里的问题是问题的解决方案吗?我应该在哪里添加这段代码,以便 Jest 渲染

4

0 回答 0