Sandbox::https://github.com/feathericons/feather/blob/main/src/__tests__/replace.test.js

Visitar URL original

feather/src/__tests__/replace.test.js at main · feathericons/feather · GitHub

Repository navigation

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

/* eslint-env jest, browser */

import replace from '../replace';

jest.mock('../../dist/icons.json', () => ({

icon1:

'<line x1="23" y1="1" x2="1" y2="23" /><line x1="1" y1="1" x2="23" y2="23" />',

icon2: '<circle cx="12" cy="12" r="11" />',

}));

test('replaces [data-feather] elements with SVG markup', () => {

document.body.innerHTML =

'<i data-feather="icon1"></i><span data-feather="icon2"></i>';

expect(document.body.innerHTML).toMatchSnapshot();

replace();

expect(document.body.innerHTML).toMatchSnapshot();

});

test('copies placeholder element attributes to <svg> tag', () => {

document.body.innerHTML =

'<i data-feather="icon1" id="test" class="foo bar" stroke-width="1"></i>';

expect(document.body.innerHTML).toMatchSnapshot();

replace();

expect(document.body.innerHTML).toMatchSnapshot();

});

test('sets attributes passed as parameters', () => {

document.body.innerHTML =

'<i data-feather="icon1" id="test" class="foo bar" stroke-width="1"></i>';

expect(document.body.innerHTML).toMatchSnapshot();

replace({ class: 'foo bar hello', 'stroke-width': 1.5, color: 'salmon' });

expect(document.body.innerHTML).toMatchSnapshot();

});