/**
 * @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>'
		);
	});
});