update tests

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

@@ -49,16 +49,6 @@ const ClusterMenu: React.FC<Props> = ({
               Brokers
             </NavLink>
           </li>
-          <li>
-            <NavLink
-              to={clusterTopicsPath(name)}
-              activeClassName="is-active"
-              title="Topics"
-            >
-              Topics
-            </NavLink>
-          </li>
-
           <ClusterMenuItem
             liType="primary1"
             to={clusterTopicsPath(name)}

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

@@ -28,4 +28,6 @@ const StyledMenuItem = styled('li')<Props>`
   }
 `;
 
+StyledMenuItem.displayName = 'StyledMenuItem';
+
 export default StyledMenuItem;

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

@@ -18,7 +18,8 @@ describe('ClusterMenu', () => {
       onlineClusterPayload.name
     );
 
-    expect(wrapper.find('ul.menu-list ul > li').length).toEqual(3);
+    expect(wrapper.find('ul.menu-list ul > li').length).toEqual(2);
+    expect(wrapper.find('ul.menu-list ul StyledMenuItem').length).toEqual(1);
   });
 
   it('renders cluster menu with all enabled features', () => {
@@ -31,6 +32,7 @@ describe('ClusterMenu', () => {
         ],
       })
     );
-    expect(wrapper.find('ul.menu-list ul > li').length).toEqual(5);
+    expect(wrapper.find('ul.menu-list ul > li').length).toEqual(4);
+    expect(wrapper.find('ul.menu-list ul StyledMenuItem').length).toEqual(1);
   });
 });