Adding id examples for UI automation (#5508)

* Adding id examples

* Adding id examples

webapp/components/login/login_controller.jsx

@@ -413,6 +413,7 @@ export default class LoginController extends React.Component {
                         </div>
                         <div className='form-group'>
                             <button
+                                id='loginButton'
                                 type='submit'
                                 className='btn btn-primary'
                             >

webapp/components/setting_item_max.jsx

@@ -48,6 +48,7 @@ export default class SettingItemMax extends React.Component {
         if (this.props.submit) {
             submit = (
                 <input
+                    id='saveSetting'
                     type='submit'
                     className='btn btn-sm btn-primary'
                     href='#'

webapp/components/setting_item_min.jsx

@@ -12,6 +12,7 @@ export default class SettingItemMin extends React.Component {
             editButton = (
                 <li className='col-xs-12 col-sm-3 section-edit'>
                     <a
+                        id={this.props.title}
                         className='theme'
                         href='#'
                         onClick={this.props.updateSection}

webapp/components/sidebar_header_dropdown.jsx

@@ -467,6 +467,7 @@ export default class SidebarHeaderDropdown extends React.Component {
                 <Dropdown.Menu>
                     <li>
                         <a
+                            id='accountSettings'
                             href='#'
                             onClick={this.toggleAccountSettingsModal}
                         >
@@ -480,6 +481,7 @@ export default class SidebarHeaderDropdown extends React.Component {
                     {teamLink}
                     <li>
                         <a
+                            id='logout'
                             href='#'
                             onClick={() => GlobalActions.emitUserLoggedOutEvent()}
                         >

webapp/components/user_settings/user_settings_general.jsx

@@ -684,6 +684,7 @@ class UserSettingsGeneralTab extends React.Component {
                         </label>
                         <div className='col-sm-7'>
                             <input
+                                id='firstName'
                                 className='form-control'
                                 type='text'
                                 onChange={this.updateFirstName}
@@ -706,6 +707,7 @@ class UserSettingsGeneralTab extends React.Component {
                         </label>
                         <div className='col-sm-7'>
                             <input
+                                id='lastName'
                                 className='form-control'
                                 type='text'
                                 onChange={this.updateLastName}
@@ -1123,6 +1125,7 @@ class UserSettingsGeneralTab extends React.Component {
             <div>
                 <div className='modal-header'>
                     <button
+                        id='closeUserSettings'
                         type='button'
                         className='close'
                         data-dismiss='modal'