Chore(Navigation): Rename SideMenu -> NavBar (#39483)

public/app/core/components/NavBar/NavBarItem.test.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { BrowserRouter } from 'react-router-dom';
+import NavBarItem from './NavBarItem';
+
+describe('NavBarItem', () => {
+  it('renders the children', () => {
+    const mockLabel = 'Hello';
+    render(
+      <BrowserRouter>
+        <NavBarItem label={mockLabel}>
+          <div data-testid="mockChild" />
+        </NavBarItem>
+      </BrowserRouter>
+    );
+
+    const child = screen.getByTestId('mockChild');
+    expect(child).toBeInTheDocument();
+  });
+
+  it('wraps the children in a link to the url if provided', () => {
+    const mockLabel = 'Hello';
+    const mockUrl = '/route';
+    render(
+      <BrowserRouter>
+        <NavBarItem label={mockLabel} url={mockUrl}>
+          <div data-testid="mockChild" />
+        </NavBarItem>
+      </BrowserRouter>
+    );
+
+    const child = screen.getByTestId('mockChild');
+    expect(child).toBeInTheDocument();
+    userEvent.click(child);
+    expect(window.location.pathname).toEqual(mockUrl);
+  });
+
+  it('wraps the children in an onClick if provided', () => {
+    const mockLabel = 'Hello';
+    const mockOnClick = jest.fn();
+    render(
+      <BrowserRouter>
+        <NavBarItem label={mockLabel} onClick={mockOnClick}>
+          <div data-testid="mockChild" />
+        </NavBarItem>
+      </BrowserRouter>
+    );
+
+    const child = screen.getByTestId('mockChild');
+    expect(child).toBeInTheDocument();
+    userEvent.click(child);
+    expect(mockOnClick).toHaveBeenCalled();
+  });
+});