Fixing ids for UI automation (#5772)

webapp/components/setting_item_max.jsx

@@ -31,12 +31,30 @@ export default class SettingItemMax extends React.Component {
     render() {
         var clientError = null;
         if (this.props.client_error) {
-            clientError = (<div className='form-group'><label className='col-sm-12 has-error'>{this.props.client_error}</label></div>);
+            clientError = (
+                <div className='form-group'>
+                    <label
+                        id='clientError'
+                        className='col-sm-12 has-error'
+                    >
+                        {this.props.client_error}
+                    </label>
+                </div>
+            );
         }
 
         var serverError = null;
         if (this.props.server_error) {
-            serverError = (<div className='form-group'><label className='col-sm-12 has-error'>{this.props.server_error}</label></div>);
+            serverError = (
+                <div className='form-group'>
+                    <label
+                        id='serverError'
+                        className='col-sm-12 has-error'
+                    >
+                        {this.props.server_error}
+                    </label>
+                </div>
+            );
         }
 
         var extraInfo = null;

webapp/components/setting_item_min.jsx

@@ -34,7 +34,12 @@ export default class SettingItemMin extends React.Component {
             >
                 <li className='col-xs-12 col-sm-9 section-title'>{this.props.title}</li>
                 {editButton}
-                <li className='col-xs-12 section-describe'>{this.props.describe}</li>
+                <li
+                    id={this.props.title + 'Desc'}
+                    className='col-xs-12 section-describe'
+                >
+                    {this.props.describe}
+                </li>
             </ul>
         );
     }