作者：办事繁华_491 | 来源：互联网 | 2023-09-13 16:47
vue用jest单元测试，组件中用到了某个dom元素的宽度clientWidth，但是在跑单元测试的时候无法通过window.querySelect获取到这个元素，放在nextTi
vue 用 jest 单元测试，组件中用到了某个dom元素的宽度 clientWidth，但是在跑单元测试的时候无法通过 window.querySelect 获取到这个元素，放在 nextTick 中也不行。
xxx.vue 代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| ...
methods {
resize () {
let width = document.querySelector('#m-editor').clientWidth;
let editTools = document.querySelector('.edit-tools');
if (width > 780) {
editTools.style.width = '600px';
} else if (680
editTools.style.width = '480px';
} else if (640
editTools.style.width = '400px';
} else if (500
editTools.style.width = '320px';
} else if (width <500) {
editTools.style.width = '0';
}
},
...
} |
测试代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| import { shallowMount } from '@vue/test-utils'
// import HelloWorld from '@/components/HelloWorld.vue'
// describe('HelloWorld.vue', () => {
// it('renders props.msg when passed', () => {
// const msg = 'new message'
// const wrapper = shallowMount(HelloWorld, {
// propsData: { msg }
// })
// expect(wrapper.text()).toMatch(msg)
// })
// })
import markdownEditor from '@/components/markdownEditor.vue'
describe('markdownEditor.vue', () => {
it('renders props.input when passed', () => {
const msg = '# hello world'
const wrapper = shallowMount(markdownEditor, {
propsData: { value: msg }
})
wrapper.vm.$nextTick(() => {
expect(wrapper.html()).toMatch(' hello world')
})
})
}) |
![[大整数乘法] java代码实现](https://img1.php1.cn/3cd4a/24c6f/9f3/0133bb25da242824.jpeg)
京公网安备 11010802041100号