mirror of
https://github.com/iconify/iconify.git
synced 2024-12-14 06:28:24 +00:00
126 lines
3.8 KiB
TypeScript
126 lines
3.8 KiB
TypeScript
import { loadNodeIcon } from '../lib/loader/node-loader';
|
|
|
|
describe('Testing loadIcon with @iconify-json/flat-color-icons>', () => {
|
|
test('loadIcon works', async () => {
|
|
const result = await loadNodeIcon('flat-color-icons', 'up-right');
|
|
expect(result).toBeTruthy();
|
|
});
|
|
|
|
test('loadIcon adds xmlns:xlink', async () => {
|
|
const result = await loadNodeIcon('flat-color-icons', 'up-right', {
|
|
addXmlNs: true,
|
|
});
|
|
expect(result).toBeTruthy();
|
|
expect(result && result.indexOf('xmlns:xlink=') > -1).toBeTruthy();
|
|
});
|
|
|
|
test('loadIcon with customize with default style and class', async () => {
|
|
const result = await loadNodeIcon('flat-color-icons', 'up-right', {
|
|
defaultStyle: 'margin-top: 1rem;',
|
|
defaultClass: 'clazz',
|
|
customizations: {
|
|
customize(props) {
|
|
props.width = '2em';
|
|
props.height = '2em';
|
|
return props;
|
|
},
|
|
},
|
|
});
|
|
expect(result).toBeTruthy();
|
|
expect(result && result.indexOf('margin-top: 1rem;') > -1).toBeTruthy();
|
|
expect(result && result.indexOf('class="clazz"') > -1).toBeTruthy();
|
|
expect(result && result.indexOf('width="2em"') > -1).toBeTruthy();
|
|
expect(result && result.indexOf('height="2em"') > -1).toBeTruthy();
|
|
});
|
|
|
|
test('loadIcon preserves customizations order', async () => {
|
|
const result = await loadNodeIcon('flat-color-icons', 'up-right', {
|
|
scale: 1,
|
|
defaultStyle: 'color: red;',
|
|
defaultClass: 'clazz1',
|
|
customizations: {
|
|
additionalProps: {
|
|
width: '2em',
|
|
height: '2em',
|
|
style: 'color: blue;',
|
|
class: 'clazz2',
|
|
},
|
|
// it will never be called, it is not a custom icon
|
|
transform(svg) {
|
|
return svg.replace(
|
|
'<svg ',
|
|
'<svg width="4em" height="4em" '
|
|
);
|
|
},
|
|
},
|
|
});
|
|
expect(result).toBeTruthy();
|
|
expect(result && result.includes('style="color: blue;"')).toBeTruthy();
|
|
expect(result && result.includes('class="clazz2"')).toBeTruthy();
|
|
expect(result && result.includes('width="2em"')).toBeTruthy();
|
|
expect(result && result.includes('height="2em"')).toBeTruthy();
|
|
});
|
|
|
|
test('loadIcon apply scale', async () => {
|
|
const result = await loadNodeIcon('flat-color-icons', 'up-right', {
|
|
scale: 1.2,
|
|
defaultStyle: 'color: red;',
|
|
defaultClass: 'clazz1',
|
|
customizations: {
|
|
additionalProps: {
|
|
style: 'color: blue;',
|
|
class: 'clazz2',
|
|
},
|
|
// it will never be called, it is not a custom icon
|
|
transform(svg) {
|
|
return svg.replace(
|
|
'<svg ',
|
|
'<svg width="4em" height="4em" '
|
|
);
|
|
},
|
|
},
|
|
});
|
|
expect(result).toBeTruthy();
|
|
expect(result && result.includes('style="color: blue;"')).toBeTruthy();
|
|
expect(result && result.includes('class="clazz2"')).toBeTruthy();
|
|
expect(result && result.includes('width="1.2em"')).toBeTruthy();
|
|
expect(result && result.includes('height="1.2em"')).toBeTruthy();
|
|
});
|
|
|
|
test('loadIcon with unset width', async () => {
|
|
const result = await loadNodeIcon('flat-color-icons', 'up-right', {
|
|
customizations: {
|
|
additionalProps: {
|
|
width: 'unset',
|
|
},
|
|
},
|
|
});
|
|
expect(result).toBeTruthy();
|
|
expect(result && result.includes('width="')).toBeFalsy();
|
|
expect(result && result.includes('height="1em"')).toBeTruthy();
|
|
});
|
|
|
|
test('loadIcon with 0 scale', async () => {
|
|
const result = await loadNodeIcon('flat-color-icons', 'up-right', {
|
|
scale: 0,
|
|
});
|
|
expect(result).toBeTruthy();
|
|
expect(result && result.includes('width="')).toBeFalsy();
|
|
expect(result && result.includes('height="')).toBeFalsy();
|
|
});
|
|
|
|
test('loadIcon with 0 scale and custom height', async () => {
|
|
const result = await loadNodeIcon('flat-color-icons', 'up-right', {
|
|
scale: 0,
|
|
customizations: {
|
|
additionalProps: {
|
|
height: '1em',
|
|
},
|
|
},
|
|
});
|
|
expect(result).toBeTruthy();
|
|
expect(result && result.includes('width="')).toBeFalsy();
|
|
expect(result && result.includes('height="1em"')).toBeTruthy();
|
|
});
|
|
});
|