2
0
mirror of https://github.com/iconify/iconify.git synced 2024-12-13 22:18:24 +00:00
iconify/packages/browser-tests/tests/30-iconify-api-test.ts
2020-04-28 12:47:35 +03:00

37 lines
1.2 KiB
TypeScript

import mocha from 'mocha';
import chai from 'chai';
import { getNode } from './node';
import Iconify from '@iconify/iconify/lib/iconify';
const expect = chai.expect;
const selector =
'span.iconify, i.iconify, span.iconify-inline, i.iconify-inline';
const node = getNode('iconify-api');
Iconify.setRoot(node);
node.innerHTML =
'<div><p>Testing Iconify with API</p><ul>' +
'<li>Inline icons:' +
' <span class="iconify-inline" data-icon="mdi:home" style="color: red; box-shadow: 0 0 2px black;"></span>' +
' <i class="iconify iconify-inline test-icon iconify--mdi-account" data-icon="mdi:account" style="vertical-align: 0;" data-flip="horizontal" aria-hidden="false"></i>' +
'</li>' +
'<li>Block icons:' +
' <i class="iconify" data-icon="mdi:account-cash" title="&lt;Cash&gt;!"></i>' +
' <span class="iconify" data-icon="mdi:account-box" data-inline="true" data-rotate="2" data-width="42"></span>' +
'</li>' +
'</ul></div>';
describe('Testing Iconify object', () => {
it('Rendering icons with API', () => {
// Icons should have been replaced by now
let list = node.querySelectorAll(selector);
expect(list.length).to.be.equal(0);
list = node.querySelectorAll('svg.iconify');
expect(list.length).to.be.equal(4);
});
});