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)
})