4c8594d330
* Add linter rules for import order and type member delimiters * Remove unneeded group * Group all app/* imports before the internal imports * Move app/ imports before parent imports * Separate @node_modules imports into a different group * Substitute app paths by aliases * Fix @node_modules import order and add test related modules * Add aliases for types and test, and group import types
106 lines
3.3 KiB
TypeScript
106 lines
3.3 KiB
TypeScript
// 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.default,
|
|
thread: {
|
|
id: 'thread1',
|
|
participants: [{
|
|
id: 'user1',
|
|
}],
|
|
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();
|
|
});
|
|
});
|