iconify/iconify-icon/react/tests/creating-component-test.tsx

import { describe, test, expect } from 'vitest';
import React from 'react';
import { Icon } from '../dist/iconify';
import { create } from 'react-test-renderer';

const iconData = {
	body: '<path d="M4 19h16v2H4zm5-4h11v2H9zm-5-4h16v2H4zm0-8h16v2H4zm5 4h11v2H9z" fill="currentColor"/>',
	width: 24,
	height: 24,
};

describe('Creating component', () => {
	test('basic icon', () => {
		const component = create(<Icon icon={iconData} />);
		const tree = component.toJSON();

		expect(tree).toMatchObject({
			type: 'iconify-icon',
			props: {
				icon: JSON.stringify(iconData),
			},
			children: null,
		});
	});
});