2
0
mirror of https://github.com/iconify/iconify.git synced 2024-12-13 06:07:50 +00:00
iconify/components/svelte/tests/offline/10-basic.test.ts

35 lines
1.1 KiB
TypeScript
Raw Normal View History

/**
* @jest-environment jsdom
*/
2021-04-30 09:51:31 +00:00
import { render } from '@testing-library/svelte';
// Test importing from exports
import Icon from '../../offline';
2021-04-30 09:51:31 +00:00
const iconData = {
body: '<path d="M4 19h16v2H4zm5-4h11v2H9zm-5-4h16v2H4zm0-8h16v2H4zm5 4h11v2H9z" fill="currentColor"/>',
2021-04-30 09:51:31 +00:00
width: 24,
height: 24,
};
describe('Creating component', () => {
test('basic icon', () => {
const component = render(Icon, { icon: iconData });
const node = component.container.querySelector('svg')!;
const html = (node.parentNode as HTMLDivElement).innerHTML;
2021-04-30 09:51:31 +00:00
// Check HTML
expect(html).toBe(
2022-04-30 20:12:34 +00:00
'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24"><path d="M4 19h16v2H4zm5-4h11v2H9zm-5-4h16v2H4zm0-8h16v2H4zm5 4h11v2H9z" fill="currentColor"></path></svg>'
2021-04-30 09:51:31 +00:00
);
// Make sure getAttribute() works, used in other tests
expect(node.getAttribute('xmlns')).toBe('http://www.w3.org/2000/svg');
expect(node.getAttribute('aria-hidden')).toBe('true');
2021-04-30 09:51:31 +00:00
// Make sure style exists
const style = node.style;
expect(typeof style).toBe('object');
2021-04-30 09:51:31 +00:00
});
});