mirror of
https://github.com/iconify/iconify.git
synced 2024-12-14 06:28:24 +00:00
49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
import { InlineIcon } from '../../dist/offline';
|
|
import { describe, test, expect } from 'vitest';
|
|
import { render } from '@testing-library/react';
|
|
|
|
const iconData = {
|
|
body: '<path d="M4 19h16v2H4zm5-4h11v2H9zm-5-4h16v2H4zm0-8h16v2H4zm5 4h11v2H9z" fill="currentColor"/>',
|
|
width: 24,
|
|
height: 24,
|
|
};
|
|
|
|
describe('Dimensions', () => {
|
|
test('height', () => {
|
|
const renderResult = render(<InlineIcon icon={iconData} height="48" />);
|
|
expect(renderResult.container.innerHTML).toContain(
|
|
'width="48" height="48"'
|
|
);
|
|
expect(renderResult.container.innerHTML).not.toContain('1em');
|
|
});
|
|
|
|
test('width and height', () => {
|
|
const renderResult = render(
|
|
<InlineIcon icon={iconData} width={32} height="48" />
|
|
);
|
|
expect(renderResult.container.innerHTML).toContain(
|
|
'width="32" height="48"'
|
|
);
|
|
expect(renderResult.container.innerHTML).not.toContain('1em');
|
|
});
|
|
|
|
test('auto', () => {
|
|
const renderResult = render(
|
|
<InlineIcon icon={iconData} height="auto" />
|
|
);
|
|
expect(renderResult.container.innerHTML).toContain(
|
|
'width="24" height="24"'
|
|
);
|
|
expect(renderResult.container.innerHTML).not.toContain('1em');
|
|
});
|
|
|
|
test('unset', () => {
|
|
const renderResult = render(
|
|
<InlineIcon icon={iconData} height="unset" />
|
|
);
|
|
expect(renderResult.container.innerHTML).not.toContain('width=');
|
|
expect(renderResult.container.innerHTML).not.toContain('height=');
|
|
});
|
|
});
|