2021-07-25 15:26:00 +08:00
|
|
|
import { inject, h, nextTick } from 'vue'
|
|
|
|
import { mount } from '@vue/test-utils'
|
|
|
|
import Chinese from '@element-plus/locale/lang/zh-cn'
|
|
|
|
import English from '@element-plus/locale/lang/en'
|
|
|
|
import { useLocale, useLocaleProps, LocaleInjectionKey } from '../use-locale'
|
|
|
|
|
|
|
|
const TestComp = {
|
|
|
|
setup() {
|
2021-07-26 00:24:30 +08:00
|
|
|
const { t } = inject(LocaleInjectionKey)
|
2021-07-25 15:26:00 +08:00
|
|
|
return () => {
|
2021-09-04 19:29:28 +08:00
|
|
|
return h(
|
|
|
|
'div',
|
|
|
|
{ class: 'locale-manifest' },
|
|
|
|
t('el.popconfirm.confirmButtonText')
|
|
|
|
)
|
2021-07-25 15:26:00 +08:00
|
|
|
}
|
|
|
|
},
|
|
|
|
}
|
|
|
|
|
|
|
|
describe('use-locale', () => {
|
|
|
|
let wrapper
|
|
|
|
beforeEach(() => {
|
2021-09-04 19:29:28 +08:00
|
|
|
wrapper = mount(
|
|
|
|
{
|
|
|
|
props: useLocaleProps,
|
|
|
|
components: {
|
|
|
|
'el-test': TestComp,
|
|
|
|
},
|
|
|
|
setup(_, { slots }) {
|
|
|
|
useLocale()
|
|
|
|
return () => slots.default()
|
|
|
|
},
|
2021-07-25 15:26:00 +08:00
|
|
|
},
|
2021-09-04 19:29:28 +08:00
|
|
|
{
|
|
|
|
props: {
|
|
|
|
locale: Chinese,
|
|
|
|
},
|
|
|
|
slots: {
|
|
|
|
default: () => h(TestComp),
|
|
|
|
},
|
|
|
|
}
|
|
|
|
)
|
2021-07-25 15:26:00 +08:00
|
|
|
})
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
wrapper.unmount()
|
|
|
|
})
|
|
|
|
|
|
|
|
it('should provide locale correctly', async () => {
|
|
|
|
await nextTick()
|
|
|
|
expect(wrapper.find('.locale-manifest').text()).toBe(
|
2021-09-04 19:29:28 +08:00
|
|
|
Chinese.el.popconfirm.confirmButtonText
|
2021-07-25 15:26:00 +08:00
|
|
|
)
|
|
|
|
})
|
|
|
|
|
|
|
|
it('should update the text reactively', async () => {
|
|
|
|
await nextTick()
|
|
|
|
expect(wrapper.find('.locale-manifest').text()).toBe(
|
2021-09-04 19:29:28 +08:00
|
|
|
Chinese.el.popconfirm.confirmButtonText
|
2021-07-25 15:26:00 +08:00
|
|
|
)
|
|
|
|
await wrapper.setProps({
|
|
|
|
locale: English,
|
|
|
|
})
|
|
|
|
|
|
|
|
expect(wrapper.find('.locale-manifest').text()).toBe(
|
2021-09-04 19:29:28 +08:00
|
|
|
English.el.popconfirm.confirmButtonText
|
2021-07-25 15:26:00 +08:00
|
|
|
)
|
|
|
|
})
|
|
|
|
})
|