committed by
GitHub
5 changed files with 707 additions and 677 deletions
@ -1,46 +0,0 @@ |
|||
import { mount } from '@vue/test-utils'; |
|||
import { describe, expect, it } from 'vitest'; |
|||
|
|||
import { EllipsisText } from '..'; |
|||
|
|||
describe('ellipsis-text.vue', () => { |
|||
it('renders the correct content and truncates text', async () => { |
|||
const wrapper = mount(EllipsisText, { |
|||
props: { |
|||
line: 1, |
|||
title: 'Test Title', |
|||
}, |
|||
slots: { |
|||
default: 'This is a very long text that should be truncated.', |
|||
}, |
|||
}); |
|||
|
|||
expect(wrapper.text()).toContain('This is a very long text'); |
|||
// 检查 ellipsis 是否应用了正确的 class
|
|||
const ellipsis = wrapper.find('.truncate'); |
|||
expect(ellipsis.exists()).toBe(true); |
|||
}); |
|||
|
|||
it('expands text on click if expand is true', async () => { |
|||
const wrapper = mount(EllipsisText, { |
|||
props: { |
|||
expand: true, |
|||
line: 1, |
|||
}, |
|||
slots: { |
|||
default: 'This is a very long text that should be truncated.', |
|||
}, |
|||
}); |
|||
const ellipsis = wrapper.find('.truncate'); |
|||
|
|||
// 点击 ellipsis,应该触发 expandChange,参数为 false
|
|||
await ellipsis.trigger('click'); |
|||
expect(wrapper.emitted('expandChange')).toBeTruthy(); |
|||
expect(wrapper.emitted('expandChange')?.[0]).toEqual([true]); |
|||
|
|||
// 再次点击,应该触发 expandChange,参数为 false
|
|||
await ellipsis.trigger('click'); |
|||
expect(wrapper.emitted('expandChange')?.length).toBe(2); |
|||
expect(wrapper.emitted('expandChange')?.[1]).toEqual([false]); |
|||
}); |
|||
}); |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue