forked from Ivasoft/mattermost-mobile
bb8ebfba42
* MM-19834 Fixed direct mentions highlight color Updated the AtMention to check if it will be highlighted before applying it's color. The highlight function was applying it's color before the AtMention color, so it was being overwritten. * MM-19834 Start Unit Test * MM-19834 Added Unit Tests Added unit tests for the rendering of highlighted/non-highlighted displayname.
43 lines
1.2 KiB
JavaScript
43 lines
1.2 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 AtMention from './at_mention.js';
|
|
|
|
describe('AtMention', () => {
|
|
const baseProps = {
|
|
usersByUsername: {},
|
|
mentionKeys: [{key: 'John.Smith'}, {key: 'Jane.Doe'}],
|
|
teammateNameDisplay: '',
|
|
mentionName: 'John.Smith',
|
|
mentionStyle: {color: '#ff0000'},
|
|
theme: {},
|
|
};
|
|
|
|
test('should match snapshot, no highlight', () => {
|
|
const wrapper = shallow(
|
|
<AtMention {...baseProps}/>
|
|
);
|
|
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
});
|
|
|
|
test('should match snapshot, with highlight', () => {
|
|
const wrapper = shallow(
|
|
<AtMention {...baseProps}/>
|
|
);
|
|
|
|
wrapper.setState({user: {username: 'John.Smith'}});
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
});
|
|
|
|
test('should match snapshot, without highlight', () => {
|
|
const wrapper = shallow(
|
|
<AtMention {...baseProps}/>
|
|
);
|
|
|
|
wrapper.setState({user: {username: 'Victor.Welch'}});
|
|
expect(wrapper.getElement()).toMatchSnapshot();
|
|
});
|
|
}); |