emoticons.test.jsx

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import * as Emoticons from 'utils/emoticons.jsx';

describe('Emoticons', () => {
    describe('handleEmoticons', () => {
        // test emoticon patterns
        const emoticonPatterns = {
            slightly_smiling_face: [':)', ':-)'],
            wink: [';)', ';-)'],
            open_mouth: [':o'],
            scream: [':-o'],
            smirk: [':]', ':-]'],
            smile: [':D', ':-D'],
            stuck_out_tongue_closed_eyes: ['x-d'],
            stuck_out_tongue: [':p', ':-p'],
            rage: [':@', ':-@'],
            slightly_frowning_face: [':(', ':-('],
            cry: [':`(', ':\'(', ':’('],
            confused: [':/', ':-/'],
            confounded: [':s', ':-s'],
            neutral_face: [':|', ':-|'],
            flushed: [':$', ':-$'],
            mask: [':-x'],
            heart: ['<3', '&lt;3'],
            broken_heart: ['</3', '&lt;/3'],
            thumbsup: [':+1:'],
            thumbsdown: [':-1:'],
        };
        Array.prototype.concat(...Object.values(emoticonPatterns)).forEach((emoticon) => {
            test(`text sequence '${emoticon}' should be recognized as an emoticon`, () => {
                expect(Emoticons.handleEmoticons(emoticon, new Map())).toEqual('$MM_EMOTICON0$');
            });
        });

        // test various uses of emoticons
        test('should replace emoticons with tokens', () => {
            expect(Emoticons.handleEmoticons(':goat: :dash:', new Map())).
                toEqual('$MM_EMOTICON0$ $MM_EMOTICON1$');
        });

        test('should replace emoticons not separated by whitespace', () => {
            expect(Emoticons.handleEmoticons(':goat::dash:', new Map())).
                toEqual('$MM_EMOTICON0$$MM_EMOTICON1$');
        });

        test('should replace emoticons separated by punctuation', () => {
            expect(Emoticons.handleEmoticons('/:goat:..:dash:)', new Map())).
                toEqual('/$MM_EMOTICON0$..$MM_EMOTICON1$)');
        });

        test('should replace emoticons separated by text', () => {
            expect(Emoticons.handleEmoticons('asdf:goat:asdf:dash:asdf', new Map())).
                toEqual('asdf$MM_EMOTICON0$asdf$MM_EMOTICON1$asdf');
        });

        test('shouldn\'t replace invalid emoticons', () => {
            expect(Emoticons.handleEmoticons(':goat : : dash:', new Map())).
                toEqual(':goat : : dash:');
        });

        test('should allow comma immediately following emoticon :)', () => {
            expect(Emoticons.handleEmoticons(':),', new Map())).
                toEqual('$MM_EMOTICON0$,');
        });

        test('should allow comma immediately following emoticon :P', () => {
            expect(Emoticons.handleEmoticons(':P,', new Map())).
                toEqual('$MM_EMOTICON0$,');
        });

        test('should allow punctuation immediately following emoticon :)', () => {
            expect(Emoticons.handleEmoticons(':)!', new Map())).
                toEqual('$MM_EMOTICON0$!');
        });

        test('should allow punctuation immediately following emoticon :P', () => {
            expect(Emoticons.handleEmoticons(':P!', new Map())).
                toEqual('$MM_EMOTICON0$!');
        });

        test('should allow punctuation immediately before and following emoticon :)', () => {
            expect(Emoticons.handleEmoticons('":)"', new Map())).
                toEqual('"$MM_EMOTICON0$"');
        });

        test('should allow punctuation immediately before and following emoticon :P', () => {
            expect(Emoticons.handleEmoticons('":P"', new Map())).
                toEqual('"$MM_EMOTICON0$"');
        });
    });
});