27 lines
819 B
JavaScript
27 lines
819 B
JavaScript
import { describe, it, expect } from 'vitest';
|
|
import { mount } from '@vue/test-utils';
|
|
import Badge from '@/components/Badge.vue';
|
|
|
|
describe('Badge', () => {
|
|
it('renders display text', () => {
|
|
const wrapper = mount(Badge, {
|
|
props: { isActivated: true, displayText: 'Active' },
|
|
});
|
|
expect(wrapper.text()).toBe('Active');
|
|
});
|
|
|
|
it('has activated class when isActivated is true', () => {
|
|
const wrapper = mount(Badge, {
|
|
props: { isActivated: true, displayText: 'Active' },
|
|
});
|
|
expect(wrapper.classes()).toContain('badge-activated');
|
|
});
|
|
|
|
it('has deactivated class when isActivated is false', () => {
|
|
const wrapper = mount(Badge, {
|
|
props: { isActivated: false, displayText: 'Inactive' },
|
|
});
|
|
expect(wrapper.classes()).toContain('badge-deactivated');
|
|
});
|
|
});
|