add tests where use belongs to org but doesn't have access to a repo

Author: nsdeschenes

src/layouts/Header/components/Navigator/Navigator.test.tsx

@@ -246,17 +246,37 @@ describe('Header Navigator', () => {
         expect(contextSwitcher).toBeInTheDocument()
       })
 
-      it('should show Viewing as Visitor', async () => {
-        setup({ isMyOrg: false })
-        render(<Navigator currentUser={mockUser} hasRepoAccess={false} />, {
-          wrapper: wrapper({
-            initialEntries: '/gh/not-codecov/test-repo',
-            path: '/:provider/:owner/:repo',
-          }),
+      describe('the user is not a visitor', () => {
+        it('should not show Viewing as Visitor', async () => {
+          setup({ isMyOrg: true })
+          render(<Navigator currentUser={mockUser} hasRepoAccess={false} />, {
+            wrapper: wrapper({
+              initialEntries: '/gh/not-codecov/test-repo',
+              path: '/:provider/:owner/:repo',
+            }),
+          })
+
+          await waitFor(() => queryClient.isFetching())
+          await waitFor(() => !queryClient.isFetching())
+
+          const text = screen.queryByText('Viewing as visitor')
+          expect(text).not.toBeInTheDocument()
         })
+      })
 
-        const text = await screen.findByText('Viewing as visitor')
-        expect(text).toBeInTheDocument()
+      describe('the user is a visitor', () => {
+        it('should show Viewing as Visitor', async () => {
+          setup({ isMyOrg: false })
+          render(<Navigator currentUser={mockUser} hasRepoAccess={false} />, {
+            wrapper: wrapper({
+              initialEntries: '/gh/not-codecov/test-repo',
+              path: '/:provider/:owner/:repo',
+            }),
+          })
+
+          const text = await screen.findByText('Viewing as visitor')
+          expect(text).toBeInTheDocument()
+        })
       })
     })