如何用jest测试一个小组件的函数？

nwo49xxi 于 2023-08-01 发布在 Jest

关注(0)|答案(2)|浏览(149)

互联网上有很多文档用jest来测试svelte组件，调用render函数和模拟浏览器事件。这很好，但是我如何在一个纤细的组件中测试一个函数呢？

我的组件.苗条

<script>
function veryComplicated(foo) {
     ...
}
</script>
<div>...</div>

字符串

我的组件.测试. js

import { veryComplicated } from "./mycomponent.svelte"
test('it works', async () => {
    expect(vercomplicated("foo").toBe("bar"))
})

型
开玩笑的

FAIL  src/mycomponent.test.ts
  ● Test suite failed to run
    src/mycomponent.test.ts:1:10 - error TS2614: Module '"*.svelte"' has no exported member 'veryComplicated'. Did you mean to use 'import veryComplicated from "*.svelte"' instead?
    1 import { veryComplicated } from "./mycomponent.svelte"
               ~~~~~~~~~~~~~~~
Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        1.697 s
Ran all test suites.

型
在veryComplicated定义之前添加export没有任何帮助。
如何测试veryComplicated函数？

jestjs

来源：https://stackoverflow.com/questions/68744615/how-to-test-a-function-from-a-svelte-component-with-jest

2条答案

按热度按时间

nhaq1z211#

可以使用模块上下文脚本块导出函数。

<script context="module">
    export veryComplicated() {
        // ...
    }
</script>
<div>...</div>

字符串
然后，您可以像最初尝试的那样执行import { veryComplicated } from './mycomponent.svelte'。
https://svelte.dev/tutorial/module-exports

赞(0）回复(0）举报 2023-08-01

bihw5rsg2#

找到了我得打给render

我的组件.测试. js

import { render } from '@testing-library/svelte'
import MyComponent from "./mycomponent.svelte"
test('it works', async () => {
    const component = render(MyComponent)
    expect(component.veryComplicated("foo")).toBe("bar")
})

字符串
并且需要导出原始文件中的veryComplicated函数：

<script>
export function veryComplicated(foo) {
     ...
}
</script>

型

展开查看全部

赞(0）回复(0）举报 2023-08-01

我来回答

如何用jest测试一个小组件的函数？

我的组件.苗条

我的组件.测试. js

2条答案

我的组件.测试. js

相关问题

热门标签

最新问答