mirror of
https://github.com/iconify/iconify.git
synced 2024-12-15 06:47:30 +00:00
48 lines
1.0 KiB
TypeScript
48 lines
1.0 KiB
TypeScript
|
import React from 'react';
|
||
|
import { Icon } from '../../dist/offline';
|
||
|
import { describe, test, expect } from 'vitest';
|
||
|
import { render } from '@testing-library/react';
|
||
|
|
||
|
describe('Empty icon', () => {
|
||
|
test('basic test', () => {
|
||
|
// @ts-expect-error
|
||
|
const renderResult = render(<Icon />);
|
||
|
|
||
|
expect(renderResult.container.innerHTML).toEqual('<span></span>');
|
||
|
});
|
||
|
|
||
|
test('with child node', () => {
|
||
|
const renderResult = render(
|
||
|
// @ts-expect-error
|
||
|
<Icon>
|
||
|
<i className="fa fa-home" />
|
||
|
</Icon>
|
||
|
);
|
||
|
|
||
|
expect(renderResult.container.innerHTML).toEqual(
|
||
|
'<i class="fa fa-home"></i>'
|
||
|
);
|
||
|
});
|
||
|
|
||
|
test('with text child node', () => {
|
||
|
// @ts-expect-error
|
||
|
const renderResult = render(<Icon>icon</Icon>);
|
||
|
|
||
|
expect(renderResult.container.innerHTML).toEqual('icon');
|
||
|
});
|
||
|
|
||
|
test('with multiple childen', () => {
|
||
|
const renderResult = render(
|
||
|
// @ts-expect-error
|
||
|
<Icon>
|
||
|
<i className="fa fa-home" />
|
||
|
Home
|
||
|
</Icon>
|
||
|
);
|
||
|
|
||
|
expect(renderResult.container.innerHTML).toEqual(
|
||
|
'<i class="fa fa-home"></i>Home'
|
||
|
);
|
||
|
});
|
||
|
});
|