add tests

kafka-ui-react-app/src/components/Nav/ClusterMenu.tsx

@@ -11,7 +11,7 @@ import {
   clusterKsqlDbPath,
 } from 'lib/paths';
 
-import { ClusterMenuItem } from './ClusterMenuItem/ClusterMenuItem';
+import ClusterMenuItem from './ClusterMenuItem/ClusterMenuItem';
 import DefaultClusterIcon from './DefaultClusterIcon';
 import ClusterStatusIcon from './ClusterStatusIcon';
 
@@ -50,7 +50,7 @@ const ClusterMenu: React.FC<Props> = ({
             </NavLink>
           </li>
           <ClusterMenuItem
-            liType="primary1"
+            liType="primary"
             to={clusterTopicsPath(name)}
             activeClassName="is-active"
             title="Topics"

kafka-ui-react-app/src/components/Nav/ClusterMenuItem/ClusterMenuItem.styled.ts

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 export interface Props {
-  liType: 'primary1';
+  liType: 'primary';
   to?: string;
   activeClassName?: string;
   title?: string;

kafka-ui-react-app/src/components/Nav/ClusterMenuItem/ClusterMenuItem.tsx

@@ -4,9 +4,9 @@ import StyledMenuItem, {
 import React from 'react';
 import { NavLink } from 'react-router-dom';
 
-type Props = MenuItemProps;
+export type Props = MenuItemProps;
 
-export const ClusterMenuItem: React.FC<Props> = (props) => {
+const ClusterMenuItem: React.FC<Props> = (props) => {
   const { to, activeClassName, title, children, liType, ...rest } = props;
 
   if (to) {
@@ -21,3 +21,5 @@ export const ClusterMenuItem: React.FC<Props> = (props) => {
 
   return <StyledMenuItem {...props} />;
 };
+
+export default ClusterMenuItem;

kafka-ui-react-app/src/components/Nav/__tests__/ClusterMenuItem.spec.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import { StaticRouter } from 'react-router';
+import ClusterMenuItem, {
+  Props as MenuItemProps,
+} from 'components/Nav/ClusterMenuItem/ClusterMenuItem';
+
+describe('ClusterMenuItem', () => {
+  const setupComponent = (props: MenuItemProps) => (
+    <StaticRouter>
+      <ClusterMenuItem {...props} />
+    </StaticRouter>
+  );
+
+  it('renders with NavLink', () => {
+    const wrapper = mount(
+      setupComponent({
+        liType: 'primary',
+        to: 'test-url',
+      })
+    );
+    expect(wrapper.find('a').length).toEqual(1);
+  });
+
+  it('renders without NavLink', () => {
+    const wrapper = mount(
+      setupComponent({
+        liType: 'primary',
+      })
+    );
+    expect(wrapper.find('a').length).toEqual(0);
+  });
+});