|
1 | 1 | import { mount } from '@vue/test-utils'; |
2 | 2 | import { Result } from '../index'; |
| 3 | +import { useNamespace } from '../../shared/hooks/use-namespace'; |
| 4 | + |
| 5 | +const ns = useNamespace('result', true); |
| 6 | + |
| 7 | +const titleClass = ns.e('title'); |
| 8 | +const descClass = ns.e('desc'); |
3 | 9 |
|
4 | 10 | describe('result test', () => { |
5 | 11 | it('result init render', async () => { |
@@ -42,7 +48,28 @@ describe('result test', () => { |
42 | 48 | expect(wrapper.element.children[3].innerHTML).toEqual('This is extra slot'); |
43 | 49 | }); |
44 | 50 |
|
45 | | - it.todo('props title work well.'); |
| 51 | + it('props title', async () => { |
| 52 | + const wrapper = mount(Result); |
| 53 | + expect(wrapper.find(titleClass).exists()).toBe(true); |
| 54 | + // 测试不传入值的情况 |
| 55 | + expect(wrapper.find(titleClass).text()).toBe(''); |
| 56 | + await wrapper.setProps({ |
| 57 | + title: '标题-测试title', |
| 58 | + }); |
| 59 | + expect(wrapper.find(titleClass).text()).toBe('标题-测试title'); |
| 60 | + }); |
46 | 61 |
|
47 | | - it.todo('props desc work well.'); |
| 62 | + it('props desc', async () => { |
| 63 | + const wrapper = mount(Result); |
| 64 | + expect(wrapper.find(titleClass).exists()).toBe(true); |
| 65 | + // 测试不传入值的情况 |
| 66 | + expect(wrapper.find(titleClass).text()).toBe(''); |
| 67 | + expect(wrapper.find(descClass).text()).toBe(''); |
| 68 | + await wrapper.setProps({ |
| 69 | + title: '标题-测试desc', |
| 70 | + desc: '描述-测试desc', |
| 71 | + }); |
| 72 | + expect(wrapper.find(titleClass).text()).toBe('标题-测试desc'); |
| 73 | + expect(wrapper.find(descClass).text()).toBe('描述-测试desc'); |
| 74 | + }); |
48 | 75 | }); |
0 commit comments