FE: Auth: Fix context path for logout (#1258)

Co-authored-by: German Osin <[email protected]>

Author: pandeysambhi

frontend/src/components/NavBar/UserInfo/UserInfo.tsx

@@ -19,7 +19,7 @@ const UserInfo = () => {
         </S.Wrapper>
       }
     >
-      <DropdownItem href="/logout">Log out</DropdownItem>
+      <DropdownItem href={`${window.basePath}/logout`}>Log out</DropdownItem>
     </Dropdown>
   ) : null;
 };

frontend/src/components/NavBar/UserInfo/__tests__/UserInfo.spec.tsx

@@ -51,6 +51,23 @@ describe('UserInfo', () => {
     expect(logout).toBeInTheDocument();
   });
 
+  it('should render logout link with correct context path', async () => {
+    const username = 'someName';
+    const baseUrl = '/tt-test01';
+    Object.defineProperty(window, 'basePath', {
+      value: baseUrl,
+      writable: true,
+    });
+    (useUserInfo as jest.Mock).mockImplementation(() => ({ username }));
+
+    renderComponent();
+    const dropdown = screen.getByText(username);
+    await userEvent.click(dropdown);
+
+    const logout = screen.getByText('Log out');
+    expect(logout).toHaveAttribute('href', '/tt-test01/logout');
+  });
+
   it('should not render anything if the username does not exists', () => {
     (useUserInfo as jest.Mock).mockImplementation(() => ({
       username: undefined,