@messenger-box/platform-browser 10.0.3-alpha.17 → 10.0.3-alpha.171

package/src/components/post_view/post_list/post_list.test.jsx

@@ -1,274 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-// import {shallow} from 'enzyme';
-
-// import VirtPostList from 'components/post_view/post_list_virtualized/post_list_virtualized';
-
-// import {PostRequestTypes} from 'utils/constants';
-
-// import PostList, {MAX_EXTRA_PAGES_LOADED} from './post_list.jsx';
-
-// const actionsProp = {
-//     loadPostsAround: jest.fn().mockImplementation(() => Promise.resolve({atLatestMessage: true, atOldestmessage: true})),
-//     loadUnreads: jest.fn().mockImplementation(() => Promise.resolve({atLatestMessage: true, atOldestmessage: true})),
-//     loadPosts: jest.fn().mockImplementation(() => Promise.resolve({moreToLoad: false})),
-//     syncPostsInChannel: jest.fn().mockResolvedValue({}),
-//     loadLatestPosts: jest.fn().mockImplementation(() => Promise.resolve({atLatestMessage: true, atOldestmessage: true})),
-//     checkAndSetMobileView: jest.fn(),
-//     markChannelAsViewed: jest.fn(),
-//     markChannelAsRead: jest.fn(),
-//     updateNewMessagesAtInChannel: jest.fn(),
-// };
-
-// const lastViewedAt = 1532345226632;
-// const channelId = 'fake-id';
-
-// const createFakePosIds = (num) => {
-//     const postIds = [];
-//     for (let i = 1; i <= num; i++) {
-//         postIds.push(`1234${i}`);
-//     }
-
-//     return postIds;
-// };
-
-// const baseProps = {
-//     actions: actionsProp,
-//     lastViewedAt,
-//     channelId,
-//     postListIds: [],
-//     changeUnreadChunkTimeStamp: jest.fn(),
-//     isFirstLoad: true,
-//     atLatestPost: false,
-//     formattedPostIds: [],
-//     channelManuallyUnread: false,
-//     isPrefetchingInProcess: false,
-// };
-
-// describe('components/post_view/post_list', () => {
-//     it('snapshot for loading when there are no posts', () => {
-//         const wrapper = shallow(
-//             <PostList {...{...baseProps, postListIds: []}}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     it('snapshot with couple of posts', () => {
-//         const postIds = createFakePosIds(2);
-//         const wrapper = shallow(
-//             <PostList {...{...baseProps, postListIds: postIds}}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     it('Should call postsOnLoad', async () => {
-//         const emptyPostList = [];
-
-//         const wrapper = shallow(
-//             <PostList {...{...baseProps, postListIds: emptyPostList}}/>,
-//         );
-
-//         expect(actionsProp.loadUnreads).toHaveBeenCalledWith(baseProps.channelId);
-//         await wrapper.instance().postsOnLoad();
-//         expect(wrapper.state('loadingNewerPosts')).toBe(false);
-//         expect(wrapper.state('loadingOlderPosts')).toBe(false);
-//     });
-
-//     it('Should not call loadUnreads if isPrefetchingInProcess is true', async () => {
-//         const emptyPostList = [];
-
-//         shallow(<PostList {...{...baseProps, postListIds: emptyPostList, isPrefetchingInProcess: true}}/>);
-
-//         expect(actionsProp.loadUnreads).not.toHaveBeenCalledWith(baseProps.channelId);
-//     });
-
-//     it('Should call for before and afterPosts', async () => {
-//         const postIds = createFakePosIds(2);
-//         const wrapper = shallow(
-//             <PostList {...{...baseProps, postListIds: postIds}}/>,
-//         );
-
-//         wrapper.find(VirtPostList).prop('actions').loadOlderPosts();
-//         expect(wrapper.state('loadingOlderPosts')).toEqual(true);
-//         expect(actionsProp.loadPosts).toHaveBeenCalledWith({channelId: baseProps.channelId, postId: postIds[postIds.length - 1], type: PostRequestTypes.BEFORE_ID});
-//         await wrapper.instance().callLoadPosts();
-//         expect(wrapper.state('loadingOlderPosts')).toBe(false);
-
-//         wrapper.find(VirtPostList).prop('actions').loadNewerPosts();
-//         expect(wrapper.state('loadingNewerPosts')).toEqual(true);
-//         expect(actionsProp.loadPosts).toHaveBeenCalledWith({channelId: baseProps.channelId, postId: postIds[0], type: PostRequestTypes.AFTER_ID});
-//         await wrapper.instance().callLoadPosts();
-//         expect(wrapper.state('loadingNewerPosts')).toBe(false);
-//     });
-
-//     it('VirtPostList Should have formattedPostIds as prop', async () => {
-//         const postIds = createFakePosIds(2);
-//         const wrapper = shallow(
-//             <PostList {...{...baseProps, postListIds: postIds}}/>,
-//         );
-
-//         const formattedPostIds = wrapper.find(VirtPostList).prop('postListIds');
-//         expect(formattedPostIds).toEqual([]);
-//     });
-
-//     it('getOldestVisiblePostId and getLatestVisiblePostId should return based on postListIds', async () => {
-//         const postIds = createFakePosIds(10);
-//         const formattedPostIds = ['1', '2'];
-//         const wrapper = shallow(
-//             <PostList {...{...baseProps, postListIds: postIds, formattedPostIds}}/>,
-//         );
-
-//         const instance = wrapper.instance();
-//         expect(instance.getOldestVisiblePostId()).toEqual('123410');
-//         expect(instance.getLatestVisiblePostId()).toEqual('12341');
-//     });
-
-//     it('Should call for permalink posts', async () => {
-//         const focusedPostId = 'new';
-//         const wrapper = shallow(
-//             <PostList {...{...baseProps, focusedPostId}}/>,
-//         );
-
-//         expect(actionsProp.loadPostsAround).toHaveBeenCalledWith(baseProps.channelId, focusedPostId);
-//         await actionsProp.loadPostsAround();
-//         expect(wrapper.state('loadingOlderPosts')).toBe(false);
-//         expect(wrapper.state('loadingNewerPosts')).toBe(false);
-//     });
-
-//     it('Should call for loadLatestPosts', async () => {
-//         const wrapper = shallow(
-//             <PostList {...{...baseProps, postListIds: [], isFirstLoad: false}}/>,
-//         );
-
-//         expect(actionsProp.loadLatestPosts).toHaveBeenCalledWith(baseProps.channelId);
-//         await actionsProp.loadLatestPosts();
-//         expect(wrapper.state('loadingOlderPosts')).toBe(false);
-//         expect(wrapper.state('loadingNewerPosts')).toBe(false);
-//     });
-
-//     describe('getPostsSince', () => {
-//         test('should call getPostsSince on channel switch', () => {
-//             const postIds = createFakePosIds(2);
-//             shallow(<PostList {...{...baseProps, isFirstLoad: false, postListIds: postIds, latestPostTimeStamp: 1234}}/>);
-//             expect(actionsProp.syncPostsInChannel).toHaveBeenCalledWith(baseProps.channelId, 1234, false);
-//         });
-//     });
-
-//     describe('canLoadMorePosts', () => {
-//         test('Should not call loadLatestPosts if postListIds is empty', async () => {
-//             const wrapper = shallow(<PostList {...{...baseProps, isFirstLoad: false, postListIds: []}}/>);
-//             expect(actionsProp.loadLatestPosts).toHaveBeenCalledWith(baseProps.channelId);
-//             await actionsProp.loadLatestPosts();
-//             expect(wrapper.state('loadingOlderPosts')).toBe(false);
-//             expect(wrapper.state('loadingNewerPosts')).toBe(false);
-//         });
-
-//         test('Should not call loadPosts if olderPosts or newerPosts are loading', async () => {
-//             const postIds = createFakePosIds(2);
-//             const wrapper = shallow(<PostList {...{...baseProps, isFirstLoad: false, postListIds: postIds}}/>);
-//             wrapper.setState({loadingOlderPosts: true});
-//             wrapper.find(VirtPostList).prop('actions').canLoadMorePosts();
-//             expect(actionsProp.loadPosts).not.toHaveBeenCalled();
-//             wrapper.setState({loadingOlderPosts: false});
-//             wrapper.setState({loadingNewerPosts: true});
-//             wrapper.find(VirtPostList).prop('actions').canLoadMorePosts();
-//             expect(actionsProp.loadPosts).not.toHaveBeenCalled();
-//         });
-
-//         test('Should not call loadPosts if there were more than MAX_EXTRA_PAGES_LOADED', async () => {
-//             const postIds = createFakePosIds(2);
-//             const wrapper = shallow(<PostList {...{...baseProps, isFirstLoad: false, postListIds: postIds}}/>);
-//             wrapper.instance().extraPagesLoaded = MAX_EXTRA_PAGES_LOADED + 1;
-//             wrapper.find(VirtPostList).prop('actions').canLoadMorePosts();
-//             expect(actionsProp.loadPosts).not.toHaveBeenCalled();
-//         });
-
-//         test('Should call getPostsBefore if not all older posts are loaded', async () => {
-//             const postIds = createFakePosIds(2);
-//             const wrapper = shallow(<PostList {...{...baseProps, isFirstLoad: false, postListIds: postIds}}/>);
-//             wrapper.setProps({atOldestPost: false});
-//             wrapper.find(VirtPostList).prop('actions').canLoadMorePosts();
-//             expect(actionsProp.loadPosts).toHaveBeenCalledWith({channelId: baseProps.channelId, postId: postIds[postIds.length - 1], type: PostRequestTypes.BEFORE_ID});
-//         });
-
-//         test('Should call getPostsAfter if all older posts are loaded and not newerPosts', async () => {
-//             const postIds = createFakePosIds(2);
-//             const wrapper = shallow(<PostList {...{...baseProps, isFirstLoad: false, postListIds: postIds}}/>);
-//             wrapper.setProps({atOldestPost: true});
-//             wrapper.find(VirtPostList).prop('actions').canLoadMorePosts();
-//             expect(actionsProp.loadPosts).toHaveBeenCalledWith({channelId: baseProps.channelId, postId: postIds[0], type: PostRequestTypes.AFTER_ID});
-//         });
-
-//         test('Should call getPostsAfter canLoadMorePosts is requested with AFTER_ID', async () => {
-//             const postIds = createFakePosIds(2);
-//             const wrapper = shallow(<PostList {...{...baseProps, isFirstLoad: false, postListIds: postIds}}/>);
-//             wrapper.find(VirtPostList).prop('actions').canLoadMorePosts(PostRequestTypes.AFTER_ID);
-//             expect(actionsProp.loadPosts).toHaveBeenCalledWith({channelId: baseProps.channelId, postId: postIds[0], type: PostRequestTypes.AFTER_ID});
-//         });
-//     });
-
-//     describe('Auto retry of load more posts', () => {
-//         test('Should retry loadPosts on failure of loadPosts', async () => {
-//             const postIds = createFakePosIds(2);
-//             const loadPosts = jest.fn().mockImplementation(() => Promise.resolve({moreToLoad: true, error: {}}));
-//             const props = {
-//                 ...baseProps,
-//                 postListIds: postIds,
-//                 actions: {
-//                     ...actionsProp,
-//                     loadPosts,
-//                 },
-//             };
-
-//             const wrapper = shallow(
-//                 <PostList {...props}/>,
-//             );
-
-//             wrapper.find(VirtPostList).prop('actions').loadOlderPosts();
-//             expect(wrapper.state('loadingOlderPosts')).toEqual(true);
-//             expect(loadPosts).toHaveBeenCalledTimes(1);
-//             expect(loadPosts).toHaveBeenCalledWith({channelId: baseProps.channelId, postId: postIds[postIds.length - 1], type: PostRequestTypes.BEFORE_ID});
-//             await loadPosts();
-//             expect(wrapper.state('loadingOlderPosts')).toBe(false);
-//             expect(loadPosts).toHaveBeenCalledTimes(3);
-//         });
-//     });
-
-//     describe('markChannelAsReadAndViewed', () => {
-//         test('Should call markChannelAsReadAndViewed on postsOnLoad', async () => {
-//             const emptyPostList = [];
-
-//             const wrapper = shallow(
-//                 <PostList {...{...baseProps, postListIds: emptyPostList}}/>,
-//             );
-
-//             await wrapper.instance().postsOnLoad();
-//             expect(actionsProp.markChannelAsRead).toHaveBeenCalledWith(baseProps.channelId);
-//             expect(actionsProp.markChannelAsViewed).toHaveBeenCalledWith(baseProps.channelId);
-//         });
-//         test('Should call markChannelAsReadAndViewed on componeneWillUnmount', async () => {
-//             const emptyPostList = [];
-
-//             const wrapper = shallow(
-//                 <PostList {...{...baseProps, postListIds: emptyPostList}}/>,
-//             );
-
-//             await wrapper.instance().componentWillUnmount();
-//             expect(actionsProp.markChannelAsRead).toHaveBeenCalledWith(baseProps.channelId);
-//             expect(actionsProp.markChannelAsViewed).toHaveBeenCalledWith(baseProps.channelId);
-//         });
-//         test('Should not call markChannelAsReadAndViewed as it is a permalink', async () => {
-//             const emptyPostList = [];
-//             const focusedPostId = 'new';
-//             shallow(
-//                 <PostList {...{...baseProps, postListIds: emptyPostList, focusedPostId}}/>,
-//             );
-
-//             await actionsProp.loadPostsAround();
-//             expect(actionsProp.markChannelAsRead).not.toHaveBeenCalled();
-//             expect(actionsProp.markChannelAsViewed).not.toHaveBeenCalled();
-//         });
-//     });
-// });

package/src/components/post_view/post_list_row/__snapshots__/post_list_row.test.tsx.snap

@@ -1,108 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/post_view/post_list_row should have class hideAnimation for NEWER_MESSAGES_LOADER if loadingNewerPosts is false 1`] = `
-<div
-  className="loading-screen"
->
-  <div
-    className="loading__content hideAnimation"
-  >
-    <div
-      className="round round-1"
-    />
-    <div
-      className="round round-2"
-    />
-    <div
-      className="round round-3"
-    />
-  </div>
-</div>
-`;
-
-exports[`components/post_view/post_list_row should have class hideAnimation for OLDER_MESSAGES_LOADER if loadingOlderPosts is false 1`] = `
-<div
-  className="loading-screen"
->
-  <div
-    className="loading__content hideAnimation"
-  >
-    <div
-      className="round round-1"
-    />
-    <div
-      className="round round-2"
-    />
-    <div
-      className="round round-3"
-    />
-  </div>
-</div>
-`;
-
-exports[`components/post_view/post_list_row should render channel intro message 1`] = `<Connect(ChannelIntroMessage) />`;
-
-exports[`components/post_view/post_list_row should render combined post 1`] = `
-<Connect(Connect(Post))
-  combinedId="user-activity-1234-5678"
-  isLastPost={false}
-  previousPostId="abcd"
-  shouldHighlight={false}
-  togglePostMenu={[MockFunction]}
-/>
-`;
-
-exports[`components/post_view/post_list_row should render date line 1`] = `
-<Memo(DateSeparator)
-  date={1553106600000}
-  key="1553106600000"
-/>
-`;
-
-exports[`components/post_view/post_list_row should render manual load messages trigger 1`] = `
-<button
-  className="more-messages-text theme style--none color--link"
-  onClick={[MockFunction]}
->
-  <MemoizedFormattedMessage
-    defaultMessage="Load More Messages"
-    id="posts_view.loadMore"
-  />
-</button>
-`;
-
-exports[`components/post_view/post_list_row should render more messages loading indicator 1`] = `
-<div
-  className="loading-screen"
->
-  <div
-    className="loading__content"
-  >
-    <div
-      className="round round-1"
-    />
-    <div
-      className="round round-2"
-    />
-    <div
-      className="round round-3"
-    />
-  </div>
-</div>
-`;
-
-exports[`components/post_view/post_list_row should render new messages line 1`] = `
-<NewMessageSeparator
-  separatorId="start-of-new-messages"
-/>
-`;
-
-exports[`components/post_view/post_list_row should render post 1`] = `
-<Connect(Post)
-  isLastPost={false}
-  postId="1234"
-  previousPostId="abcd"
-  shouldHighlight={false}
-  togglePostMenu={[MockFunction]}
-/>
-`;

package/src/components/post_view/post_list_row/index.ts

@@ -1,42 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {connect} from 'react-redux';
-// import {bindActionCreators, Dispatch} from 'redux';
-
-// import {GenericAction} from 'mattermost-redux/types/actions';
-
-// import {Channel} from 'mattermost-redux/types/channels';
-// import {Post} from 'mattermost-redux/types/posts';
-
-// import {getShortcutReactToLastPostEmittedFrom} from 'selectors/emojis';
-// import {emitShortcutReactToLastPostFrom} from 'actions/post_actions.jsx';
-
-// import {GlobalState} from 'types/store';
-
-// import PostListRow from './post_list_row';
-
-// type Props = {
-//     post: Post;
-//     channel: Channel;
-// }
-
-// function mapStateToProps(state: GlobalState, ownProps: Props) {
-//     const shortcutReactToLastPostEmittedFrom = getShortcutReactToLastPostEmittedFrom(state);
-
-//     return {
-//         post: ownProps.post,
-//         channel: ownProps.channel,
-//         shortcutReactToLastPostEmittedFrom,
-//     };
-// }
-
-// function mapDispatchToProps(dispatch: Dispatch<GenericAction>) {
-//     return {
-//         actions: bindActionCreators({
-//             emitShortcutReactToLastPostFrom,
-//         }, dispatch),
-//     };
-// }
-
-// export default connect(mapStateToProps, mapDispatchToProps)(PostListRow);

package/src/components/post_view/post_list_row/post_list_row.test.tsx

@@ -1,176 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {shallow} from 'enzyme';
-// import * as React from 'react';
-
-// import * as PostListUtils from 'mattermost-redux/utils/post_list';
-
-// import {ChannelType} from 'mattermost-redux/types/channels';
-
-// import CombinedUserActivityPost from 'components/post_view/combined_user_activity_post';
-// import Post from 'components/post_view/post';
-// import DateSeparator from 'components/post_view/date_separator';
-// import NewMessageSeparator from 'components/post_view/new_message_separator/new_message_separator';
-// import ChannelIntroMessage from 'components/post_view/channel_intro_message/';
-
-// import {PostListRowListIds} from 'utils/constants';
-
-// import PostListRow from './post_list_row';
-
-// describe('components/post_view/post_list_row', () => {
-//     const defaultProps = {
-//         listId: '1234',
-//         loadOlderPosts: jest.fn(),
-//         loadNewerPosts: jest.fn(),
-//         togglePostMenu: jest.fn(),
-//         isLastPost: false,
-//         shortcutReactToLastPostEmittedFrom: 'NO_WHERE',
-//         loadingNewerPosts: false,
-//         loadingOlderPosts: false,
-//         isCurrentUserLastPostGroupFirstPost: false,
-//         actions: {
-//             emitShortcutReactToLastPostFrom: jest.fn(),
-//         },
-//     };
-
-//     test('should render more messages loading indicator', () => {
-//         const listId = PostListRowListIds.OLDER_MESSAGES_LOADER;
-//         const props = {
-//             ...defaultProps,
-//             listId,
-//             loadingOlderPosts: true,
-//         };
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should render manual load messages trigger', () => {
-//         const listId = PostListRowListIds.LOAD_OLDER_MESSAGES_TRIGGER;
-//         const loadOlderPosts = jest.fn();
-//         const props = {
-//             ...defaultProps,
-//             listId,
-//             loadOlderPosts,
-//         };
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//         wrapper.prop('onClick')();
-//         expect(loadOlderPosts).toHaveBeenCalledTimes(1);
-//     });
-
-//     test('should render channel intro message', () => {
-//         const listId = PostListRowListIds.CHANNEL_INTRO_MESSAGE;
-//         const props = {
-//             ...defaultProps,
-//             channel: {
-//                 id: '123',
-//                 name: 'test-channel-1',
-//                 display_name: 'Test Channel 1',
-//                 type: ('P' as ChannelType),
-//                 team_id: 'team-1',
-//                 header: '',
-//                 purpose: '',
-//                 creator_id: '',
-//                 scheme_id: '',
-//                 group_constrained: false,
-//                 create_at: 0,
-//                 update_at: 0,
-//                 delete_at: 0,
-//                 last_post_at: 0,
-//             },
-//             fullWidth: true,
-//             listId,
-//         };
-
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//         expect(wrapper.find(ChannelIntroMessage).exists()).toBe(true);
-//     });
-
-//     test('should render new messages line', () => {
-//         const listId = PostListRowListIds.START_OF_NEW_MESSAGES;
-//         const props = {
-//             ...defaultProps,
-//             listId,
-//         };
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//         expect(wrapper.find(NewMessageSeparator).exists()).toBe(true);
-//     });
-
-//     test('should render date line', () => {
-//         const listId = `${PostListRowListIds.DATE_LINE}1553106600000`;
-//         const props = {
-//             ...defaultProps,
-//             listId,
-//         };
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//         expect(wrapper.find(DateSeparator).exists()).toBe(true);
-//     });
-
-//     test('should render combined post', () => {
-//         const props = {
-//             ...defaultProps,
-//             shouldHighlight: false,
-//             listId: `${PostListUtils.COMBINED_USER_ACTIVITY}1234-5678`,
-//             previousListId: 'abcd',
-//         };
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//         expect(wrapper.find(CombinedUserActivityPost).exists()).toBe(true);
-//     });
-
-//     test('should render post', () => {
-//         const props = {
-//             ...defaultProps,
-//             shouldHighlight: false,
-//             listId: '1234',
-//             previousListId: 'abcd',
-//         };
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//         expect(wrapper.find(Post).exists()).toBe(true);
-//     });
-
-//     test('should have class hideAnimation for OLDER_MESSAGES_LOADER if loadingOlderPosts is false', () => {
-//         const listId = PostListRowListIds.OLDER_MESSAGES_LOADER;
-//         const props = {
-//             ...defaultProps,
-//             listId,
-//             loadingOlderPosts: false,
-//         };
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//     });
-
-//     test('should have class hideAnimation for NEWER_MESSAGES_LOADER if loadingNewerPosts is false', () => {
-//         const listId = PostListRowListIds.NEWER_MESSAGES_LOADER;
-//         const props = {
-//             ...defaultProps,
-//             listId,
-//             loadingNewerPosts: false,
-//         };
-//         const wrapper = shallow(
-//             <PostListRow {...props}/>,
-//         );
-//         expect(wrapper).toMatchSnapshot();
-//     });
-// });