334a07aabe
* Improve sidebar performance on first load * Initial work for switch channel * Revert android changes * Split Sidebar per Platform * Fix waitForHydration executing the callback more than once * Fix custom emoji not showing on Android * Finalize Channel Switch * Enable Android Ram Bundles * Select the right team for lastChannelForTeam * Channel loading post indicator * Fix main sidebar base intl provider * Update mm-redux * No need to request configAndLicense on launch * Load channel member roles * Rename closeChannelDrawer to closeMainSidebar * do not throw errors when console is called while running tests * constant for LOADING_POSTS_HEIGHT * Remove show more if a long post is edited and no longer long * Update mm-redux#batch-actions branch * Code review * Clear notifications if channel was switched * Import Platform Co-authored-by: Miguel Alatzar <migbot@users.noreply.github.com>
94 lines
2.7 KiB
JavaScript
94 lines
2.7 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {shallow} from 'enzyme';
|
|
|
|
import Preferences from 'mattermost-redux/constants/preferences';
|
|
|
|
import {DeviceTypes} from 'app/constants';
|
|
|
|
import MainSidebar from './main_sidebar.ios';
|
|
|
|
jest.mock('react-intl');
|
|
|
|
describe('MainSidebar', () => {
|
|
const baseProps = {
|
|
actions: {
|
|
getTeams: jest.fn(),
|
|
logChannelSwitch: jest.fn(),
|
|
makeDirectChannel: jest.fn(),
|
|
setChannelDisplayName: jest.fn(),
|
|
setChannelLoading: jest.fn(),
|
|
joinChannel: jest.fn(),
|
|
},
|
|
blurPostTextBox: jest.fn(),
|
|
currentTeamId: 'current-team-id',
|
|
currentUserId: 'current-user-id',
|
|
deviceWidth: 10,
|
|
isLandscape: false,
|
|
teamsCount: 2,
|
|
theme: Preferences.THEMES.default,
|
|
};
|
|
|
|
test('should match, full snapshot', () => {
|
|
const wrapper = shallow(
|
|
<MainSidebar {...baseProps}/>,
|
|
);
|
|
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
});
|
|
|
|
test('should not set the permanentSidebar state if not Tablet', () => {
|
|
const wrapper = shallow(
|
|
<MainSidebar {...baseProps}/>,
|
|
);
|
|
|
|
wrapper.instance().handlePermanentSidebar();
|
|
expect(wrapper.state('permanentSidebar')).toBeUndefined();
|
|
});
|
|
|
|
test('should set the permanentSidebar state if Tablet', async () => {
|
|
const wrapper = shallow(
|
|
<MainSidebar {...baseProps}/>,
|
|
);
|
|
|
|
DeviceTypes.IS_TABLET = true;
|
|
|
|
await wrapper.instance().handlePermanentSidebar();
|
|
|
|
expect(wrapper.state('permanentSidebar')).toBeDefined();
|
|
|
|
// Reset to false for subsequent tests
|
|
DeviceTypes.IS_TABLET = false;
|
|
});
|
|
|
|
test('should re-render when the theme changes', () => {
|
|
const theme = Preferences.THEMES.default;
|
|
const newTheme = Preferences.THEMES.organization;
|
|
const props = {
|
|
...baseProps,
|
|
theme,
|
|
};
|
|
|
|
const wrapper = shallow(
|
|
<MainSidebar {...props}/>,
|
|
);
|
|
|
|
const instance = wrapper.instance();
|
|
instance.render = jest.fn();
|
|
|
|
expect(instance.render).toHaveBeenCalledTimes(0);
|
|
wrapper.setProps({theme: newTheme});
|
|
expect(instance.render).toHaveBeenCalledTimes(1);
|
|
});
|
|
|
|
test('should render main sidebar below PostList for iOS', () => {
|
|
const wrapper = shallow(
|
|
<MainSidebar {...baseProps}/>,
|
|
);
|
|
const drawer = wrapper.dive().childAt(1);
|
|
const drawerStyle = drawer.props().style.reduce((acc, obj) => ({...acc, ...obj}));
|
|
expect(drawerStyle).toHaveProperty('zIndex', 0);
|
|
});
|
|
});
|