40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
import { describe, it, expect } from 'vitest';
|
|
import { mount } from '@vue/test-utils';
|
|
import ResultArrow from '@/components/Discover/Conformance/ConformanceSidebar/ResultArrow.vue';
|
|
|
|
describe('ResultArrow', () => {
|
|
it('renders list items from data prop', () => {
|
|
const wrapper = mount(ResultArrow, {
|
|
props: {
|
|
data: ['Activity A', 'Activity B', 'Activity C'],
|
|
select: null,
|
|
},
|
|
});
|
|
const items = wrapper.findAll('li');
|
|
expect(items.length).toBe(3);
|
|
expect(items[0].text()).toContain('Activity A');
|
|
expect(items[1].text()).toContain('Activity B');
|
|
expect(items[2].text()).toContain('Activity C');
|
|
});
|
|
|
|
it('renders empty list when data is null', () => {
|
|
const wrapper = mount(ResultArrow, {
|
|
props: { data: null, select: null },
|
|
});
|
|
const items = wrapper.findAll('li');
|
|
expect(items.length).toBe(0);
|
|
});
|
|
|
|
it('renders arrow_circle_down icon for each item', () => {
|
|
const wrapper = mount(ResultArrow, {
|
|
props: {
|
|
data: ['Task 1'],
|
|
select: null,
|
|
},
|
|
});
|
|
expect(wrapper.find('span.material-symbols-outlined').text()).toContain(
|
|
'arrow_circle_down',
|
|
);
|
|
});
|
|
});
|