我正在为我的Vue 3(typescript)应用程序使用vue-i18 n插件。下面是我的组件代码中的设置函数
首页.版本
import {useI18n} from 'vue-i18n'
setup() {
const {t} = useI18n()
return {
t
}
}
主文件.ts
import { createI18n } from 'vue-i18n'
import en from './assets/translations/english.json'
import dutch from './assets/translations/dutch.json'
// internationalization configurations
const i18n = createI18n({
messages: {
en: en,
dutch: dutch
},
fallbackLocale: 'en',
locale: 'en'
})
// Create app
const app = createApp(App)
app.use(store)
app.use(router)
app.use(i18n)
app.mount('#app')
代码工作正常,编译良好,但是组件在挂载时jest测试用例失败
等级库文件
import { mount, VueWrapper } from '@vue/test-utils'
import Home from '@/views/Home.vue'
import Threat from '@/components/Threat.vue'
// Test case for Threats Component
let wrapper: VueWrapper<any>
beforeEach(() => {
wrapper = mount(Home)
// eslint-disable-next-line @typescript-eslint/no-empty-function
jest.spyOn(console, 'warn').mockImplementation(() => { });
});
describe('Home.vue', () => {
//child component 'Home' existance check
it("Check Home component exists in Threats", () => {
expect(wrapper.findComponent(Home).exists()).toBe(true)
})
// Threat level list existance check
it("Check all 5 threat levels are listed", () => {
expect(wrapper.findAll('.threat-level .level-wrapper label')).toHaveLength(5)
})
})
以下是错误
请帮我解决这个问题。
2条答案
按热度按时间ykejflvf1#
vue-18n
插件应该在挂载期间使用global.plugins
选项安装在 Package 器上:GitHub demo
nhaq1z212#
您还可以在
setup/init
文件中全局定义插件: