mirror of https://github.com/rancher/dashboard.git
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import Collapse from '@shell/components/Collapse.vue';
|
|
import { mount } from '@vue/test-utils';
|
|
|
|
describe('component: Collapse.vue', () => {
|
|
describe('closed', () => {
|
|
const wrapper = mount(Collapse, { props: { open: false } });
|
|
|
|
it('is closed', () => {
|
|
const content = wrapper.find(`[data-testid="collapse-content"]`);
|
|
|
|
expect(content.exists()).toBe(false);
|
|
});
|
|
|
|
it('icon is chevron right', () => {
|
|
const icon = wrapper.find(`[data-testid="collapse-icon-right"]`);
|
|
|
|
expect(icon.element).toBeDefined();
|
|
});
|
|
});
|
|
|
|
describe('collapsed', () => {
|
|
const wrapper = mount(Collapse, { props: { open: true } });
|
|
|
|
it('is collapsed', () => {
|
|
const content = wrapper.find(`[data-testid="collapse-content"]`);
|
|
|
|
expect(content.element).toBeDefined();
|
|
});
|
|
|
|
it('icon is chevron down', () => {
|
|
const icon = wrapper.find(`[data-testid="collapse-icon-down"]`);
|
|
|
|
expect(icon.element).toBeDefined();
|
|
});
|
|
|
|
it('emit', async() => {
|
|
const collapse = wrapper.find(`[data-testid="collapse-div"]`);
|
|
|
|
await collapse.trigger('click');
|
|
|
|
expect(wrapper.emitted('update:open')).toBeTruthy();
|
|
});
|
|
});
|
|
});
|