mattermost-mobile/app/screens/reaction_list/reaction_header_item.test.js
Saturnino Abril ce47c23100
[MM-9490] Add reaction list (#2125)
* add reaction list

* update styles and add tests

* update styles

* update per comment
2018-09-27 21:54:17 +08:00

55 lines
1.6 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 {TouchableOpacity} from 'react-native';
import Preferences from 'mattermost-redux/constants/preferences';
import ReactionHeaderItem from './reaction_header_item';
import {ALL_EMOJIS} from 'app/constants/emoji';
describe('ReactionHeaderItem', () => {
const baseProps = {
count: 3,
emojiName: 'smile',
highlight: false,
onPress: jest.fn(),
theme: Preferences.THEMES.default,
};
test('should match snapshot', () => {
const wrapper = shallow(
<ReactionHeaderItem {...baseProps}/>
);
expect(wrapper.getElement()).toMatchSnapshot();
expect(wrapper.find(TouchableOpacity).exists()).toEqual(true);
});
test('should match snapshot, renderContent', () => {
const wrapper = shallow(
<ReactionHeaderItem {...baseProps}/>
);
expect(wrapper.instance().renderContent()).toMatchSnapshot();
wrapper.setProps({emojiName: ALL_EMOJIS});
expect(wrapper.instance().renderContent()).toMatchSnapshot();
});
test('should call props.onPress on handleOnPress', () => {
const onPress = jest.fn();
const wrapper = shallow(
<ReactionHeaderItem
{...baseProps}
onPress={onPress}
/>
);
wrapper.instance().handleOnPress();
expect(onPress).toHaveBeenCalledTimes(1);
expect(onPress).toHaveBeenCalledWith(baseProps.emojiName, baseProps.highlight);
});
});