我正在尝试测试以下功能:
export async function loadLocale(language) {
return await import(`./locales/${language}.json`)
}
使用以下代码:
import * as utils from '@/langs/utils'
describe('language utils to interact with vue-i18n', () => {
it('should load a given locale from file', async () => {
const language = 'es'
expect.assertions(1)
const locale = await utils.loadLocale(language)
expect(locale).toEqual({ foo: 'bar' })
})
})
我已经安装了babel-plugin-dynamic-import-node,因为动态导入在 Node 中不起作用,必须用 require 替换。
这是es.json
我尝试加载的内容:
{
"foo": "bar"
}
我的.babelrc
配置如下:
{
"presets": [
"@vue/app"
],
"plugins": [
"syntax-dynamic-import"
],
"env": {
"test": {
"plugins": ["dynamic-import-node"]
}
}
}
这是我的文件夹结构:
│ ├── langs
│ │ ├── i18n.js
│ │ ├── locales # Actual locales
│ │ │ ├── en.json
│ │ │ └── es.json
│ │ └── utils.js
├── tests
│ └── unit
│ ├── langs
│ │ ├── locales # Mocked locales
│ │ │ ├── en.json
│ │ │ └── es.json
│ │ └── utils.spec.js
当我使用 vue-cli 提供的配置时,我尝试使用这个答案提到--no-cache
的标志运行 Jest 。
我得到的错误如下:
Cannot find module 'function () {
return require("./locales/".concat(language, ".json"));
}' from 'utils.js'
11 | }
12 |
> 13 | export async function loadLocale(language) {
14 | return await import(`./locales/${language}.json`)
15 | }
16 |
at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:169:17)
at src/langs/utils.js:13:8
这没有意义,因为./locales/es.json
存在!而且,我尝试过使用与测试中完全相同的路线的 require ,它可以正确加载它的内容。
有任何想法吗?