ee4b85edcf
* Remove mattermost-redux * Move mm-redux files into app/redux * Add @redux path to tsconfig.json * Fix imports * Install missing dependencies * Fix tsc errors * Fix i18n_utils test * Fix more imports * Remove redux websocket * Fix tests * Rename @redux * Apply changes from mattermost-redux PR 1103 * Remove mattermost-redux mention in template * Add missing imports * Rename app/redux/ to app/mm-redux/ * Remove test file * Fix fetching Sidebar GM profiles Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
47 lines
1.4 KiB
JavaScript
47 lines
1.4 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 '@mm-redux/constants/preferences';
|
|
|
|
import SendButton from 'app/components/send_button';
|
|
import {changeOpacity} from 'app/utils/theme';
|
|
|
|
describe('SendButton', () => {
|
|
const baseProps = {
|
|
theme: Preferences.THEMES.default,
|
|
handleSendMessage: jest.fn(),
|
|
disabled: false,
|
|
};
|
|
|
|
function getWrapper(props = {}) {
|
|
return shallow(
|
|
<SendButton
|
|
{...baseProps}
|
|
{...props}
|
|
/>,
|
|
);
|
|
}
|
|
|
|
test('should match snapshot', () => {
|
|
const wrapper = getWrapper();
|
|
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
});
|
|
|
|
test('should render theme backgroundColor', () => {
|
|
const wrapper = getWrapper();
|
|
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
expect(wrapper.childAt(0)).toHaveStyle('backgroundColor', baseProps.theme.buttonBg);
|
|
});
|
|
|
|
test('should change theme backgroundColor to 0.3 opacity', () => {
|
|
const wrapper = getWrapper({disabled: true});
|
|
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
expect(wrapper.childAt(0)).toHaveStyle('backgroundColor', changeOpacity(baseProps.theme.buttonBg, 0.3));
|
|
});
|
|
});
|