mattermost-mobile/app/components/post_draft/send_action/send.test.js
Dean Whillier fb8238ab0b
[MM-37553] Update default themes (#5648)
* new themes and theme type updates

* update theme processing

port newer functionality from webapp

* update theme UI

including new svg-based thumbnail

* lint fixes

* update snapshots and tests

* update theme tile border approach

* remove unused path component

* remove old variable typo

* remove old variable type from theme type

* lint and snapshot updates

* update snapshots
2021-09-03 10:50:24 -04:00

48 lines
1.4 KiB
JavaScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import {shallow} from 'enzyme';
import React from 'react';
import Preferences from '@mm-redux/constants/preferences';
import {changeOpacity} from '@utils/theme';
import SendAction from './index';
describe('SendAction', () => {
const baseProps = {
testID: 'post_draft.send_action',
theme: Preferences.THEMES.denim,
handleSendMessage: jest.fn(),
disabled: false,
};
function getWrapper(props = {}) {
return shallow(
<SendAction
{...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));
});
});