Added test ids for e2e tests

Author: egor-zalenski

redisinsight/ui/src/components/navigation-menu/NavigationMenu.tsx

@@ -161,7 +161,7 @@ const NavigationMenu = () => {
         </>
         )}
     >
-      <div className={styles.popover}>
+      <div className={styles.popover} data-testid="help-center">
         <EuiTitle size="xs">
           <span>Help Center</span>
         </EuiTitle>
@@ -173,6 +173,7 @@ const NavigationMenu = () => {
               className={styles.helpMenuItemLink}
               href="https://github.com/RedisInsight/RedisInsight/issues"
               target="_blank"
+              data-testid="submit-bug-btn"
             >
               <EuiIcon type="flag" size="xl" />
               <EuiSpacer size="s" />
@@ -185,6 +186,7 @@ const NavigationMenu = () => {
           <EuiFlexItem
             className={styles.helpMenuItem}
             onClick={() => onKeyboardShortcutClick()}
+            data-testid="shortcuts-btn"
           >
             <div className={styles.helpMenuItemLink}>
               <EuiIcon type="keyboardShortcut" size="xl" />
@@ -206,6 +208,7 @@ const NavigationMenu = () => {
               onClick={onClickReleaseNotes}
               href="https://docs.redis.com/staging/release-ri-v2.0/ri/release-notes/"
               target="_blank"
+              data-testid="release-notes-btn"
             >
               <div className={cx({ [styles.helpMenuItemNotified]: isReleaseNotesViewed === false })}>
                 <EuiIcon type="package" size="xl" />

redisinsight/ui/src/components/shortcuts-flyout/ShortcutsFlyout.spec.tsx

@@ -31,7 +31,7 @@ describe('ShortcutsFlyout', () => {
 
     SHORTCUTS.forEach((group: ShortcutGroup) => {
       expect(
-        document.querySelector(`[data-test-subj="shortcut-title-${group.name}"]`)
+        document.querySelector(`[data-test-subj="shortcuts-section-${group.name}"]`)
       ).toBeInTheDocument()
     })
   })

redisinsight/ui/src/components/shortcuts-flyout/ShortcutsFlyout.tsx

@@ -36,7 +36,7 @@ const ShortcutsFlyout = () => {
 
   const ShortcutsTable = ({ name, items }: ShortcutGroup) => (
     <div key={name}>
-      <EuiTitle size="xxs" data-test-subj={`shortcut-title-${name}`}>
+      <EuiTitle size="xxs" data-test-subj={`shortcuts-section-${name}`}>
         <h6>{name}</h6>
       </EuiTitle>
       <EuiSpacer size="m" />
@@ -55,9 +55,10 @@ const ShortcutsFlyout = () => {
       ownFocus
       size="538px"
       onClose={() => dispatch(setShortcutsFlyoutState(false))}
+      data-test-subj="shortcuts-flyout"
     >
       <EuiFlyoutBody>
-        <EuiTitle size="s" className={styles.title}>
+        <EuiTitle size="s" className={styles.title} data-testid="shortcuts-title">
           <h4>Shortcuts</h4>
         </EuiTitle>
         <EuiSpacer size="m" />