mattermost-mobile/app/components/global_threads/thread_footer/thread_footer.test.tsx

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

import {shallow} from 'enzyme';
import React from 'react';

import {Preferences} from '@mm-redux/constants';
import {UserThread} from '@mm-redux/types/threads';
import {UserProfile} from '@mm-redux/types/users';
import {intl} from '@test/intl-test-helper';

import {ThreadFooter} from './thread_footer';

describe('Global Thread Footer', () => {
    const testID = 'thread_footer.footer';

    const setThreadFollow = jest.fn();

    const baseProps = {
        actions: {
            setThreadFollow,
        },
        currentUserId: 'user1',
        currentTeamId: 'team1',
        intl,
        testID,
        theme: Preferences.THEMES.denim,
        thread: {
            id: 'thread1',
            participants: [{
                id: 'user2',
            }],
            is_following: true,
            reply_count: 2,
        } as UserThread,
        threadStarter: {
            id: 'user1',
        } as UserProfile,
    };

    test('Should render for channel view and unfollow the thread on press', () => {
        const wrapper = shallow(
            <ThreadFooter
                {...baseProps}
                location='Channel'
            />,
        );

        expect(wrapper.getElement()).toMatchSnapshot();

        expect(wrapper.find({testID: `${testID}.unread_replies`}).exists()).toBeFalsy();
        expect(wrapper.find({testID: `${testID}.unfollowing`}).exists()).toBeFalsy();

        const followingButton = wrapper.find({testID: `${testID}.following`});
        expect(followingButton.exists()).toBeTruthy();
        followingButton.simulate('press');
        expect(setThreadFollow).toBeCalledWith('user1', 'thread1', false);

        const replyCount = wrapper.find({testID: `${testID}.reply_count`});
        expect(replyCount.exists()).toBeTruthy();
        expect(replyCount.children().text().trim()).toBe('2 replies');
    });

    test('Should follow the thread on press in channel view', () => {
        const props = {
            ...baseProps,
            thread: {
                ...baseProps.thread,
                is_following: false,
            },
        };
        const wrapper = shallow(
            <ThreadFooter
                {...props}
                location='Channel'
            />,
        );
        const followButton = wrapper.find({testID: `${testID}.follow`});
        expect(followButton.exists()).toBeTruthy();
        followButton.simulate('press');
        expect(setThreadFollow).toBeCalledWith('user1', 'thread1', true);
    });

    test('Should render for global threads view', () => {
        const props = {
            ...baseProps,
            thread: {
                ...baseProps.thread,
                unread_replies: 2,
            },
        };
        const wrapper = shallow(
            <ThreadFooter
                {...props}
                location='GlobalThreads'
            />,
        );
        expect(wrapper.getElement()).toMatchSnapshot();

        expect(wrapper.find({testID: `${testID}.unread_replies`}).exists()).toBeTruthy();

        expect(wrapper.find({testID: `${testID}.reply_count`}).exists()).toBeFalsy();
        expect(wrapper.find({testID: `${testID}.following`}).exists()).toBeFalsy();
        expect(wrapper.find({testID: `${testID}.unfollowing`}).exists()).toBeFalsy();
    });
});