fixes broken link and adds test

awx/ui_next/src/components/AppContainer/PageHeaderToolbar.jsx

@@ -34,7 +34,6 @@ function PageHeaderToolbar({
   const handleUserSelect = () => {
     setIsUserOpen(!isUserOpen);
   };
-
   return (
     <PageHeaderTools>
       <PageHeaderToolsGroup>
@@ -90,8 +89,11 @@ function PageHeaderToolbar({
               dropdownItems={[
                 <DropdownItem
                   key="user"
+                  aria-label={i18n._(t`User details`)}
                   href={
-                    loggedInUser ? `/users/${loggedInUser.id}/details` : '/home'
+                    loggedInUser
+                      ? `/#/users/${loggedInUser.id}/details`
+                      : '/#/home'
                   }
                 >
                   {i18n._(t`User Details`)}

awx/ui_next/src/components/AppContainer/PageHeaderToolbar.test.jsx

@@ -25,6 +25,7 @@ describe('PageHeaderToolbar', () => {
       <PageHeaderToolbar
         onAboutClick={onAboutClick}
         onLogoutClick={onLogoutClick}
+        loggedInUser={{ id: 1 }}
       />
     );
     expect(wrapper.find('DropdownItem')).toHaveLength(0);
@@ -37,6 +38,10 @@ describe('PageHeaderToolbar', () => {
 
     expect(wrapper.find('DropdownItem')).toHaveLength(0);
     wrapper.find(pageUserDropdownSelector).simulate('click');
+    wrapper.update();
+    expect(
+      wrapper.find('DropdownItem[aria-label="User details"]').prop('href')
+    ).toBe('/#/users/1/details');
     expect(wrapper.find('DropdownItem')).toHaveLength(2);
 
     const logout = wrapper.find('DropdownItem li button');