37 lines
930 B
JavaScript
37 lines
930 B
JavaScript
import { mount } from '@vue/test-utils'
|
|
import permission from '@/directive/permission/permission'
|
|
|
|
jest.mock('@/store', () => ({
|
|
getters: {
|
|
roles: ['editor']
|
|
}
|
|
}))
|
|
|
|
// 指令通过 el.parentNode.removeChild(el) 移除元素，因此被测元素必须有父节点
|
|
const factory = value =>
|
|
mount(
|
|
{
|
|
template: '<div><section v-permission="value">内容</section></div>',
|
|
data: () => ({ value })
|
|
},
|
|
{
|
|
global: { directives: { permission } }
|
|
}
|
|
)
|
|
|
|
describe('v-permission', () => {
|
|
it('角色匹配时保留元素', () => {
|
|
const wrapper = factory(['editor'])
|
|
expect(wrapper.find('section').exists()).toBe(true)
|
|
})
|
|
|
|
it('角色不匹配时移除元素', () => {
|
|
const wrapper = factory(['admin'])
|
|
expect(wrapper.find('section').exists()).toBe(false)
|
|
})
|
|
|
|
it('角色值为空数组时抛出错误', () => {
|
|
expect(() => factory([])).toThrow('need roles!')
|
|
})
|
|
})
|