diff --git a/packages/components/link/__tests__/link.test.ts b/packages/components/link/__tests__/link.test.tsx similarity index 52% rename from packages/components/link/__tests__/link.test.ts rename to packages/components/link/__tests__/link.test.tsx index ad7d3256b012d..6dc94498ae502 100644 --- a/packages/components/link/__tests__/link.test.ts +++ b/packages/components/link/__tests__/link.test.tsx @@ -6,47 +6,36 @@ const AXIOM = 'Rem is the best girl' describe('Link.vue', () => { it('render test', () => { - const wrapper = mount(Link, { - slots: { - default: AXIOM, - }, - }) + const wrapper = mount(() => {AXIOM}) + expect(wrapper.text()).toEqual(AXIOM) }) it('it should handle click event when link is not disabled', async () => { - const wrapper = mount(Link, { - slots: { - default: AXIOM, - }, - }) + const wrapper = mount(() => {AXIOM}) - await wrapper.find('.el-link').trigger('click') + await wrapper.trigger('click') expect(wrapper.emitted('click')).toHaveLength(1) }) it('it should disable click when link is disabled', async () => { - const wrapper = mount(Link, { - slots: { - default: AXIOM, - }, - props: { - disabled: true, - }, - }) - - await wrapper.find('.el-link').trigger('click') - expect(wrapper.emitted('click')).toBeUndefined() + const wrapper = mount(() => {AXIOM}) + + expect(wrapper.classes()).toContain('is-disabled') + expect(wrapper.attributes('href')).toBeUndefined() }) it('icon slots', () => { const linkName = 'test link' - const wrapper = mount(Link, { - slots: { - default: linkName, - icon: AXIOM, - }, - }) + + const wrapper = mount(() => ( + linkName, + icon: () => AXIOM, + }} + /> + )) expect(wrapper.text()).toContain(linkName) expect(wrapper.text()).toContain(AXIOM) })