From 028d3059030dffe7ce38a6065d36a942384c9b4a Mon Sep 17 00:00:00 2001
From: Frank Flitton <fflitton@gmail.com>
Date: Fri, 23 Jun 2023 11:10:53 -0700
Subject: [PATCH] chore: fix tests
Signed-off-by: Frank Flitton <fflitton@gmail.com>
---
.../components/Entities/test/EntityDetails.test.tsx | 11 ++++++++---
.../src/components/Navigation/UserInformation.tsx | 6 +++++-
.../console/src/components/utils/GlobalStyles.tsx | 3 +++
script/test/jest.base.js | 2 +-
4 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/packages/console/src/components/Entities/test/EntityDetails.test.tsx b/packages/console/src/components/Entities/test/EntityDetails.test.tsx
index 8189026e1..f78b2e9fc 100644
--- a/packages/console/src/components/Entities/test/EntityDetails.test.tsx
+++ b/packages/console/src/components/Entities/test/EntityDetails.test.tsx
@@ -8,8 +8,11 @@ import { Workflow } from 'models/Workflow/types';
import { projects } from 'mocks/data/projects';
import * as projectApi from 'models/Project/api';
import { MemoryRouter } from 'react-router';
+import { QueryClient, QueryClientProvider } from 'react-query';
import { EntityDetails } from '../EntityDetails';
+const queryClient = new QueryClient();
+
jest.mock('models/Project/api');
describe('EntityDetails', () => {
@@ -27,9 +30,11 @@ describe('EntityDetails', () => {
const renderDetails = (id: ResourceIdentifier) => {
return render(
- <MemoryRouter>
- <EntityDetails id={id} />
- </MemoryRouter>,
+ <QueryClientProvider client={queryClient}>
+ <MemoryRouter>
+ <EntityDetails id={id} />
+ </MemoryRouter>
+ </QueryClientProvider>,
);
};
diff --git a/packages/console/src/components/Navigation/UserInformation.tsx b/packages/console/src/components/Navigation/UserInformation.tsx
index c63fa36f5..7579103ef 100644
--- a/packages/console/src/components/Navigation/UserInformation.tsx
+++ b/packages/console/src/components/Navigation/UserInformation.tsx
@@ -98,11 +98,15 @@ export const UserInformation: React.FC<{}> = () => {
onMouseLeave={handlePopoverClose}
disableFocusRipple
>
- <Avatar className={styles.avatar}>{userNameInitial}</Avatar>
+ <Avatar className={styles.avatar}>
+ {userNameInitial}
+ <span className="sr-only">{userName}</span>
+ </Avatar>
<Popover
open={open}
id="avatar-popover"
anchorEl={anchorEl}
+ aria-hidden
anchorOrigin={{
vertical: 'bottom',
horizontal: 'left',
diff --git a/packages/console/src/components/utils/GlobalStyles.tsx b/packages/console/src/components/utils/GlobalStyles.tsx
index 3dbd73e2f..f980a55b2 100644
--- a/packages/console/src/components/utils/GlobalStyles.tsx
+++ b/packages/console/src/components/utils/GlobalStyles.tsx
@@ -7,6 +7,9 @@ const GlobalStyles = () => {
body {
overscroll-behavior: none;
}
+ .sr-only {
+ display: none;
+ }
`);
}, []);
return <></>;
diff --git a/script/test/jest.base.js b/script/test/jest.base.js
index f476bca5f..23c160e7f 100644
--- a/script/test/jest.base.js
+++ b/script/test/jest.base.js
@@ -7,7 +7,7 @@ module.exports = {
testPathIgnorePatterns: [
'__stories__',
'.storybook',
- 'node_modules',
+ '/node_modules/',
'dist',
'lib',
'build',