add more Ids for UI automation (#6673)

webapp/components/new_channel_modal/new_channel_modal.jsx

@@ -203,6 +203,7 @@ export default class NewChannelModal extends React.PureComponent {
         }
 
         var channelSwitchText = '';
+        let inputPrefixId = '';
         switch (this.props.channelType) {
         case 'P':
             channelSwitchText = (
@@ -214,6 +215,7 @@ export default class NewChannelModal extends React.PureComponent {
                     {createPublicChannelLink}
                 </div>
             );
+            inputPrefixId = 'newPrivateChannel';
             break;
         case 'O':
             channelSwitchText = (
@@ -225,6 +227,7 @@ export default class NewChannelModal extends React.PureComponent {
                     {createPrivateChannelLink}
                 </div>
             );
+            inputPrefixId = 'newPublicChannel';
             break;
         }
 
@@ -264,6 +267,7 @@ export default class NewChannelModal extends React.PureComponent {
                                 </label>
                                 <div className='col-sm-9'>
                                     <input
+                                        id={inputPrefixId + 'Name'}
                                         onChange={this.handleChange}
                                         type='text'
                                         ref='display_name'
@@ -307,6 +311,7 @@ export default class NewChannelModal extends React.PureComponent {
                                 </div>
                                 <div className='col-sm-9'>
                                     <textarea
+                                        id={inputPrefixId + 'Purpose'}
                                         className='form-control no-resize'
                                         ref='channel_purpose'
                                         rows='4'
@@ -341,6 +346,7 @@ export default class NewChannelModal extends React.PureComponent {
                                 </div>
                                 <div className='col-sm-9'>
                                     <textarea
+                                        id={inputPrefixId + 'Header'}
                                         className='form-control no-resize'
                                         ref='channel_header'
                                         rows='4'

webapp/components/search_results_item.jsx

@@ -290,7 +290,12 @@ export default class SearchResultsItem extends React.Component {
                 <div
                     className={'post post--thread ' + compactClass}
                 >
-                    <div className='search-channel__name'>{channelName}</div>
+                    <div
+                        id={idCount === -1 ? null : Utils.createSafeId('searchChannelName' + idCount)}
+                        className='search-channel__name'
+                    >
+                        {channelName}
+                    </div>
                     <div className='post__content'>
                         {profilePicContainer}
                         <div>

webapp/components/sidebar.jsx

@@ -691,6 +691,7 @@ export default class Sidebar extends React.Component {
         var directMessageMore = (
             <li key='more'>
                 <a
+                    id='moreDirectMessage'
                     href='#'
                     onClick={this.handleOpenMoreDirectChannelsModal}
                 >
@@ -749,6 +750,7 @@ export default class Sidebar extends React.Component {
                 overlay={createChannelTootlip}
             >
                 <a
+                    id='createPublicChannel'
                     className='add-channel-btn'
                     href='#'
                     onClick={this.showNewChannelModal.bind(this, Constants.OPEN_CHANNEL)}
@@ -766,6 +768,7 @@ export default class Sidebar extends React.Component {
                 overlay={createGroupTootlip}
             >
                 <a
+                    id='createPrivateChannel'
                     className='add-channel-btn'
                     href='#'
                     onClick={this.showNewChannelModal.bind(this, Constants.PRIVATE_CHANNEL)}