mirror of
https://github.com/iconify/iconify.git
synced 2024-12-14 06:28:24 +00:00
51 lines
1.1 KiB
JavaScript
51 lines
1.1 KiB
JavaScript
/**
|
|
* @jest-environment jsdom
|
|
*/
|
|
import { mount } from '@vue/test-utils';
|
|
// Link to alias
|
|
import { Icon } from '../../offline';
|
|
|
|
describe('Empty icon', () => {
|
|
test('basic test', () => {
|
|
const wrapper = mount(Icon, {
|
|
propsData: {},
|
|
});
|
|
|
|
expect(wrapper.html().replace(/\s*\n\s*/g, '')).toBe('');
|
|
});
|
|
|
|
test('with child node', () => {
|
|
const Wrapper = {
|
|
components: { Icon },
|
|
template: `<Icon><i class="fa fa-home" /></Icon>`,
|
|
};
|
|
|
|
const wrapper = mount(Wrapper, {});
|
|
expect(wrapper.html().replace(/\s*\n\s*/g, '')).toBe(
|
|
'<i class="fa fa-home"></i>'
|
|
);
|
|
});
|
|
|
|
test('with text child node', () => {
|
|
const Wrapper = {
|
|
components: { Icon },
|
|
template: `<Icon>icon</Icon>`,
|
|
};
|
|
|
|
const wrapper = mount(Wrapper, {});
|
|
expect(wrapper.text()).toBe('icon');
|
|
});
|
|
|
|
test('with multiple childen', () => {
|
|
const Wrapper = {
|
|
components: { Icon },
|
|
template: `<Icon><i class="fa fa-home" /> Home icon</Icon>`,
|
|
};
|
|
|
|
const wrapper = mount(Wrapper, {});
|
|
expect(wrapper.html().replace(/\s*\n\s*/g, '')).toBe(
|
|
'<span><i class="fa fa-home"></i> Home icon</span>'
|
|
);
|
|
});
|
|
});
|