import emojify from '../emoji'; describe('emoji', () => { describe('.emojify', () => { it('ignores unknown shortcodes', () => { expect(emojify(':foobarbazfake:')).toEqual(':foobarbazfake:'); }); it('ignores shortcodes inside of tags', () => { expect(emojify('<p data-foo=":smile:"></p>')).toEqual('<p data-foo=":smile:"></p>'); }); it('works with unclosed tags', () => { expect(emojify('hello>')).toEqual('hello>'); expect(emojify('<hello')).toEqual('<hello'); }); it('works with unclosed shortcodes', () => { expect(emojify('smile:')).toEqual('smile:'); expect(emojify(':smile')).toEqual(':smile'); }); it('does unicode', () => { expect(emojify('\uD83D\uDC69\u200D\uD83D\uDC69\u200D\uD83D\uDC66\u200D\uD83D\uDC66')).toEqual( '<img draggable="false" class="emojione" alt="π©βπ©βπ¦βπ¦" title=":woman-woman-boy-boy:" src="/emoji/1f469-200d-1f469-200d-1f466-200d-1f466.svg" />'); expect(emojify('π¨βπ©βπ§βπ§')).toEqual( '<img draggable="false" class="emojione" alt="π¨βπ©βπ§βπ§" title=":man-woman-girl-girl:" src="/emoji/1f468-200d-1f469-200d-1f467-200d-1f467.svg" />'); expect(emojify('π©βπ©βπ¦')).toEqual('<img draggable="false" class="emojione" alt="π©βπ©βπ¦" title=":woman-woman-boy:" src="/emoji/1f469-200d-1f469-200d-1f466.svg" />'); expect(emojify('\u2757')).toEqual( '<img draggable="false" class="emojione" alt="β" title=":exclamation:" src="/emoji/2757.svg" />'); }); it('does multiple unicode', () => { expect(emojify('\u2757 #\uFE0F\u20E3')).toEqual( '<img draggable="false" class="emojione" alt="β" title=":exclamation:" src="/emoji/2757.svg" /> <img draggable="false" class="emojione" alt="#οΈβ£" title=":hash:" src="/emoji/23-20e3.svg" />'); expect(emojify('\u2757#\uFE0F\u20E3')).toEqual( '<img draggable="false" class="emojione" alt="β" title=":exclamation:" src="/emoji/2757.svg" /><img draggable="false" class="emojione" alt="#οΈβ£" title=":hash:" src="/emoji/23-20e3.svg" />'); expect(emojify('\u2757 #\uFE0F\u20E3 \u2757')).toEqual( '<img draggable="false" class="emojione" alt="β" title=":exclamation:" src="/emoji/2757.svg" /> <img draggable="false" class="emojione" alt="#οΈβ£" title=":hash:" src="/emoji/23-20e3.svg" /> <img draggable="false" class="emojione" alt="β" title=":exclamation:" src="/emoji/2757.svg" />'); expect(emojify('foo \u2757 #\uFE0F\u20E3 bar')).toEqual( 'foo <img draggable="false" class="emojione" alt="β" title=":exclamation:" src="/emoji/2757.svg" /> <img draggable="false" class="emojione" alt="#οΈβ£" title=":hash:" src="/emoji/23-20e3.svg" /> bar'); }); it('ignores unicode inside of tags', () => { expect(emojify('<p data-foo="\uD83D\uDC69\uD83D\uDC69\uD83D\uDC66"></p>')).toEqual('<p data-foo="\uD83D\uDC69\uD83D\uDC69\uD83D\uDC66"></p>'); }); it('does multiple emoji properly (issue 5188)', () => { expect(emojify('πππ')).toEqual('<img draggable="false" class="emojione" alt="π" title=":ok_hand:" src="/emoji/1f44c.svg" /><img draggable="false" class="emojione" alt="π" title=":rainbow:" src="/emoji/1f308.svg" /><img draggable="false" class="emojione" alt="π" title=":two_hearts:" src="/emoji/1f495.svg" />'); expect(emojify('π π π')).toEqual('<img draggable="false" class="emojione" alt="π" title=":ok_hand:" src="/emoji/1f44c.svg" /> <img draggable="false" class="emojione" alt="π" title=":rainbow:" src="/emoji/1f308.svg" /> <img draggable="false" class="emojione" alt="π" title=":two_hearts:" src="/emoji/1f495.svg" />'); }); it('does an emoji that has no shortcode', () => { expect(emojify('πβπ¨')).toEqual('<img draggable="false" class="emojione" alt="πβπ¨" title="" src="/emoji/1f441-200d-1f5e8.svg" />'); }); it('does an emoji whose filename is irregular', () => { expect(emojify('βοΈ')).toEqual('<img draggable="false" class="emojione" alt="βοΈ" title=":arrow_lower_left:" src="/emoji/2199.svg" />'); }); it('avoid emojifying on invisible text', () => { expect(emojify('<a href="http://example.com/test%F0%9F%98%84"><span class="invisible">http://</span><span class="ellipsis">example.com/te</span><span class="invisible">stπ</span></a>')) .toEqual('<a href="http://example.com/test%F0%9F%98%84"><span class="invisible">http://</span><span class="ellipsis">example.com/te</span><span class="invisible">stπ</span></a>'); expect(emojify('<span class="invisible">:luigi:</span>', { ':luigi:': { static_url: 'luigi.exe' } })) .toEqual('<span class="invisible">:luigi:</span>'); }); it('avoid emojifying on invisible text with nested tags', () => { expect(emojify('<span class="invisible">π<span class="foo">bar</span>π΄</span>π')) .toEqual('<span class="invisible">π<span class="foo">bar</span>π΄</span><img draggable="false" class="emojione" alt="π" title=":innocent:" src="/emoji/1f607.svg" />'); expect(emojify('<span class="invisible">π<span class="invisible">π</span>π΄</span>π')) .toEqual('<span class="invisible">π<span class="invisible">π</span>π΄</span><img draggable="false" class="emojione" alt="π" title=":innocent:" src="/emoji/1f607.svg" />'); expect(emojify('<span class="invisible">π<br/>π΄</span>π')) .toEqual('<span class="invisible">π<br/>π΄</span><img draggable="false" class="emojione" alt="π" title=":innocent:" src="/emoji/1f607.svg" />'); }); it('skips the textual presentation VS15 character', () => { expect(emojify('β΄οΈ')) // This is U+2734 EIGHT POINTED BLACK STAR then U+FE0E VARIATION SELECTOR-15 .toEqual('<img draggable="false" class="emojione" alt="β΄" title=":eight_pointed_black_star:" src="/emoji/2734_border.svg" />'); }); it('does an simple emoji properly', () => { expect(emojify('ββ')) .toEqual('<img draggable="false" class="emojione" alt="β" title=":female_sign:" src="/emoji/2640.svg" /><img draggable="false" class="emojione" alt="β" title=":male_sign:" src="/emoji/2642.svg" />'); }); it('does an emoji containing ZWJ properly', () => { expect(emojify('πββοΈπββοΈ')) .toEqual('<img draggable="false" class="emojione" alt="π\u200DβοΈ" title=":female-guard:" src="/emoji/1f482-200d-2640-fe0f_border.svg" /><img draggable="false" class="emojione" alt="π\u200DβοΈ" title=":male-guard:" src="/emoji/1f482-200d-2642-fe0f_border.svg" />'); }); }); });