Add IDs for Account Settings > Notifications (#5788)

* Add IDs for desktop notification settings

* Add IDs for email notifications

* Add IDs to user notification settings

* Add close button ID

3 files changed, 28 insertions, 0 deletions

diff --git a/webapp/components/user_settings/desktop_notification_settings.jsx b/webapp/components/user_settings/desktop_notification_settings.jsx
index 3a330b623..be403ebb6 100644
--- a/webapp/components/user_settings/desktop_notification_settings.jsx
+++ b/webapp/components/user_settings/desktop_notification_settings.jsx
@@ -74,6 +74,7 @@ export default class DesktopNotificationSettings extends React.Component {
                         <div className='radio'>
                             <label>
                                 <input
+                                    id='soundOn'
                                     type='radio'
                                     name='notificationSounds'
                                     checked={soundRadio[0]}
@@ -89,6 +90,7 @@ export default class DesktopNotificationSettings extends React.Component {
                         <div className='radio'>
                             <label>
                                 <input
+                                    id='soundOff'
                                     type='radio'
                                     name='notificationSounds'
                                     checked={soundRadio[1]}
@@ -136,6 +138,7 @@ export default class DesktopNotificationSettings extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='soundDuration3'
                                 type='radio'
                                 name='desktopDuration'
                                 checked={durationRadio[0]}
@@ -154,6 +157,7 @@ export default class DesktopNotificationSettings extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='soundDuration5'
                                 type='radio'
                                 name='desktopDuration'
                                 checked={durationRadio[1]}
@@ -172,6 +176,7 @@ export default class DesktopNotificationSettings extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='soundDuration10'
                                 type='radio'
                                 name='desktopDuration'
                                 checked={durationRadio[2]}
@@ -189,6 +194,7 @@ export default class DesktopNotificationSettings extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='soundDurationUnlimited'
                                 type='radio'
                                 name='desktopDuration'
                                 checked={durationRadio[3]}
@@ -225,6 +231,7 @@ export default class DesktopNotificationSettings extends React.Component {
                 <div className='radio'>
                     <label>
                         <input
+                            id='desktopNotificationAllActivity'
                             type='radio'
                             name='desktopNotificationLevel'
                             checked={activityRadio[0]}
@@ -240,6 +247,7 @@ export default class DesktopNotificationSettings extends React.Component {
                 <div className='radio'>
                     <label>
                         <input
+                            id='desktopNotificationMentions'
                             type='radio'
                             name='desktopNotificationLevel'
                             checked={activityRadio[1]}
@@ -255,6 +263,7 @@ export default class DesktopNotificationSettings extends React.Component {
                 <div className='radio'>
                     <label>
                         <input
+                            id='desktopNotificationNever'
                             type='radio'
                             name='desktopNotificationLevel'
                             checked={activityRadio[2]}
diff --git a/webapp/components/user_settings/email_notification_setting.jsx b/webapp/components/user_settings/email_notification_setting.jsx
index 457512507..1e6c5d7f5 100644
--- a/webapp/components/user_settings/email_notification_setting.jsx
+++ b/webapp/components/user_settings/email_notification_setting.jsx
@@ -113,6 +113,7 @@ export default class EmailNotificationSetting extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='emailNotificationMinutes'
                                 type='radio'
                                 name='emailNotifications'
                                 checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_FIFTEEN_MINUTES}
@@ -128,6 +129,7 @@ export default class EmailNotificationSetting extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='emailNotificationHour'
                                 type='radio'
                                 name='emailNotifications'
                                 checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_HOUR}
@@ -164,6 +166,7 @@ export default class EmailNotificationSetting extends React.Component {
                         <div className='radio'>
                             <label>
                                 <input
+                                    id='emailNotificationImmediately'
                                     type='radio'
                                     name='emailNotifications'
                                     checked={this.props.enableEmail && this.state.emailInterval === Preferences.INTERVAL_IMMEDIATE}
@@ -179,6 +182,7 @@ export default class EmailNotificationSetting extends React.Component {
                         <div className='radio'>
                             <label>
                                 <input
+                                    id='emailNotificationNever'
                                     type='radio'
                                     name='emailNotifications'
                                     checked={!this.props.enableEmail}
diff --git a/webapp/components/user_settings/user_settings_notifications.jsx b/webapp/components/user_settings/user_settings_notifications.jsx
index 7c82488f6..cfbe3cbf3 100644
--- a/webapp/components/user_settings/user_settings_notifications.jsx
+++ b/webapp/components/user_settings/user_settings_notifications.jsx
@@ -281,6 +281,7 @@ export default class NotificationsTab extends React.Component {
                             <div className='radio'>
                                 <label>
                                     <input
+                                        id='pushNotificationOnline'
                                         type='radio'
                                         name='pushNotificationStatus'
                                         checked={pushStatusRadio[0]}
@@ -296,6 +297,7 @@ export default class NotificationsTab extends React.Component {
                             <div className='radio'>
                                 <label>
                                     <input
+                                        id='pushNotificationAway'
                                         type='radio'
                                         name='pushNotificationStatus'
                                         checked={pushStatusRadio[1]}
@@ -311,6 +313,7 @@ export default class NotificationsTab extends React.Component {
                             <div className='radio'>
                                 <label>
                                     <input
+                                        id='pushNotificationOffline'
                                         type='radio'
                                         name='pushNotificationStatus'
                                         checked={pushStatusRadio[2]}
@@ -347,6 +350,7 @@ export default class NotificationsTab extends React.Component {
                         <div className='radio'>
                             <label>
                                 <input
+                                    id='pushNotificationAllActivity'
                                     type='radio'
                                     name='pushNotificationLevel'
                                     checked={pushActivityRadio[0]}
@@ -362,6 +366,7 @@ export default class NotificationsTab extends React.Component {
                         <div className='radio'>
                             <label>
                                 <input
+                                    id='pushNotificationMentions'
                                     type='radio'
                                     name='pushNotificationLevel'
                                     checked={pushActivityRadio[1]}
@@ -377,6 +382,7 @@ export default class NotificationsTab extends React.Component {
                         <div className='radio'>
                             <label>
                                 <input
+                                    id='pushNotificationNever'
                                     type='radio'
                                     name='pushNotificationLevel'
                                     checked={pushActivityRadio[2]}
@@ -520,6 +526,7 @@ export default class NotificationsTab extends React.Component {
                         <div className='checkbox'>
                             <label>
                                 <input
+                                    id='notificationTriggerFirst'
                                     type='checkbox'
                                     checked={this.state.firstNameKey}
                                     onChange={handleUpdateFirstNameKey}
@@ -545,6 +552,7 @@ export default class NotificationsTab extends React.Component {
                     <div className='checkbox'>
                         <label>
                             <input
+                                id='notificationTriggerUsername'
                                 type='checkbox'
                                 checked={this.state.usernameKey}
                                 onChange={handleUpdateUsernameKey}
@@ -569,6 +577,7 @@ export default class NotificationsTab extends React.Component {
                     <div className='checkbox'>
                         <label>
                             <input
+                                id='notificationTriggerShouts'
                                 type='checkbox'
                                 checked={this.state.channelKey}
                                 onChange={handleUpdateChannelKey}
@@ -587,6 +596,7 @@ export default class NotificationsTab extends React.Component {
                     <div className='checkbox'>
                         <label>
                             <input
+                                id='notificationTriggerCustom'
                                 ref='customcheck'
                                 type='checkbox'
                                 checked={this.state.customKeysChecked}
@@ -599,6 +609,7 @@ export default class NotificationsTab extends React.Component {
                         </label>
                     </div>
                     <input
+                        id='notificationTriggerCustomText'
                         ref='custommentions'
                         className='form-control mentions-input'
                         type='text'
@@ -697,6 +708,7 @@ export default class NotificationsTab extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='notificationCommentsAny'
                                 type='radio'
                                 name='commentsNotificationLevel'
                                 checked={commentsActive[0]}
@@ -712,6 +724,7 @@ export default class NotificationsTab extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='notificationCommentsRoot'
                                 type='radio'
                                 name='commentsNotificationLevel'
                                 checked={commentsActive[1]}
@@ -727,6 +740,7 @@ export default class NotificationsTab extends React.Component {
                     <div className='radio'>
                         <label>
                             <input
+                                id='notificationCommentsNever'
                                 type='radio'
                                 name='commentsNotificationLevel'
                                 checked={commentsActive[2]}
@@ -804,6 +818,7 @@ export default class NotificationsTab extends React.Component {
             <div>
                 <div className='modal-header'>
                     <button
+                        id='closeButton'
                         type='button'
                         className='close'
                         data-dismiss='modal'