fix: Header Component - Replaced class by func. comp (#142)

* refactor: replaced class by func.comp

* refactor: replacing jest test by react-testing-library

* refactor: added test todos

* feat: added more unit tests

* fix: fixed tooltip import

* fix: fixed test

* fix: fixed typo

* fix: fixed imports

src/components/Header/HeaderToolTipIcon.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import IconButton from '@material-ui/core/IconButton';
+import Info from '@material-ui/icons/Info';
+import Help from '@material-ui/icons/Help';
+import Search from '@material-ui/icons/Search';
+
+import { IconSearchButton, StyledExternalLink } from './styles';
+
+export type TooltipIconType = 'search' | 'help' | 'info';
+
+interface Props {
+  tooltipIconType: TooltipIconType;
+  onClick?: () => void;
+}
+
+const HeaderToolTipIcon: React.FC<Props> = ({ tooltipIconType, onClick }) => {
+  switch (tooltipIconType) {
+    case 'help':
+      return (
+        <StyledExternalLink blank={true} data-testid={'header--tooltip-documentation'} to={'https://verdaccio.org/docs/en/installation'}>
+          <IconButton color={'inherit'}>
+            <Help />
+          </IconButton>
+        </StyledExternalLink>
+      );
+    case 'info':
+      return (
+        <IconButton color="inherit" data-testid={'header--tooltip-info'} id="header--button-registryInfo" onClick={onClick}>
+          <Info />
+        </IconButton>
+      );
+    case 'search':
+      return (
+        <IconSearchButton color="inherit" onClick={onClick}>
+          <Search />
+        </IconSearchButton>
+      );
+    default:
+      return null;
+  }
+};
+
+export default HeaderToolTipIcon;