9f238d5ef4
* Update transform to make Android's post list scroll smooth * set start since metric when appStarted is false * Refactor Formatted components * Downgrade RNN to 7.13.0 & patch XCDYouTube to allow video playback * Refactor Post list and all related components * review suggestion rename hour12 to isMilitaryTime * feedback review use aliases * feedback review deconstruct actions in markdown_link * feedback review simplify if/else statement in combined_used_activity * Simplify if statement for consecutive posts * Specify npm version to build iOS on CI * Refactor network_indicator * render Icon in file gallery with transparent background * Increase timeout to scroll to bottom when posting a new message * fix: scroll when tapping on the new messages bar * fix: dismiss all modals * fix navigation tests * Handle dismissAllModals for iOS to prevent blank screens * Prevent modal from dismissing when showing the thread screen in the stack * Update app/components/image_viewport.tsx Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com> * Update app/utils/post.ts Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com> * Apply suggestions from code review Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com> * fix: rename selector and prop * Fix XCDYouTube patch * Fix posting from a thread in the right channel * do not render reply bar on the thread screen * close previous permalink before showing a new one * move XCDYouTube patch to ios/patches folder * closePermalink directly instead of using an onClose prop Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com> Co-authored-by: Miguel Alatzar <this.migbot@gmail.com>
89 lines
3.2 KiB
JavaScript
89 lines
3.2 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
|
|
import PostList from '@components/post_list';
|
|
import {TYPING_VISIBLE} from '@constants/post_draft';
|
|
import Preferences from '@mm-redux/constants/preferences';
|
|
import {General, RequestStatus} from '@mm-redux/constants';
|
|
import EventEmitter from '@mm-redux/utils/event_emitter';
|
|
import {shallowWithIntl} from 'test/intl-test-helper';
|
|
|
|
import ThreadIOS from './thread.ios';
|
|
|
|
describe('thread', () => {
|
|
const baseProps = {
|
|
actions: {
|
|
selectPost: jest.fn(),
|
|
},
|
|
channelId: 'channel_id',
|
|
channelType: General.OPEN_CHANNEL,
|
|
displayName: 'channel_display_name',
|
|
myMember: {last_viewed_at: 0, user_id: 'member_user_id'},
|
|
rootId: 'root_id',
|
|
theme: Preferences.THEMES.default,
|
|
postIds: ['root_id', 'post_id_1', 'post_id_2'],
|
|
channelIsArchived: false,
|
|
threadLoadingStatus: {status: RequestStatus.STARTED},
|
|
};
|
|
|
|
test('should match snapshot, has root post', () => {
|
|
const wrapper = shallowWithIntl(
|
|
<ThreadIOS {...baseProps}/>,
|
|
);
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
});
|
|
|
|
test('should match snapshot, no root post, loading', () => {
|
|
const newPostIds = ['post_id_1', 'post_id_2'];
|
|
const wrapper = shallowWithIntl(
|
|
<ThreadIOS
|
|
{...baseProps}
|
|
postIds={newPostIds}
|
|
/>,
|
|
);
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
});
|
|
|
|
test('should match snapshot, render footer', () => {
|
|
const wrapper = shallowWithIntl(
|
|
<ThreadIOS {...baseProps}/>,
|
|
);
|
|
|
|
// return loading
|
|
expect(wrapper.find(PostList).getElement()).toMatchSnapshot();
|
|
|
|
// return null
|
|
wrapper.setProps({threadLoadingStatus: {status: RequestStatus.SUCCESS}});
|
|
expect(wrapper.find(PostList).getElement()).toMatchSnapshot();
|
|
|
|
// return deleted post
|
|
const newPostIds = ['post_id_1', 'post_id_2'];
|
|
wrapper.setProps({postIds: newPostIds});
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
});
|
|
|
|
test('should add/remove typing animation on mount/unmount', () => {
|
|
const wrapper = shallowWithIntl(
|
|
<ThreadIOS {...baseProps}/>,
|
|
);
|
|
const instance = wrapper.instance();
|
|
instance.registerTypingAnimation = jest.fn(() => {
|
|
return jest.fn();
|
|
});
|
|
instance.bottomPaddingAnimation = jest.fn();
|
|
instance.runTypingAnimations = jest.fn();
|
|
EventEmitter.on = jest.fn();
|
|
EventEmitter.off = jest.fn();
|
|
|
|
instance.componentDidMount();
|
|
expect(instance.registerTypingAnimation).toHaveBeenCalledWith(instance.bottomPaddingAnimation);
|
|
expect(instance.removeTypingAnimation).not.toHaveBeenCalled();
|
|
expect(EventEmitter.on).toHaveBeenCalledWith(TYPING_VISIBLE, instance.runTypingAnimations);
|
|
|
|
instance.componentWillUnmount();
|
|
expect(instance.removeTypingAnimation).toHaveBeenCalled();
|
|
expect(EventEmitter.off).toHaveBeenCalledWith(TYPING_VISIBLE, instance.runTypingAnimations);
|
|
});
|
|
});
|