Fix: Failing tests (#2144)

package.json

@@ -110,6 +110,7 @@
                 "eslint": "8.21.0",
                 "html-webpack-plugin": "5.5.0",
                 "jest": "28.1.0",
+                "jest-canvas-mock": "2.4.0",
                 "jest-environment-jsdom": "28.1.3",
                 "jest-fetch-mock": "3.0.3",
                 "jest-sonar-reporter": "2.0.0",

src/app/views/App.spec.tsx

@@ -224,7 +224,7 @@ describe('App rendering', () => {
   it('should render the permissions tab and its children when the modify permissions tab is clicked', async () => {
     const user = userEvent.setup();
     renderApp({mobileScreen: false, showSidebar: true});
-    const modifyPermissionsTab = screen.getByRole('tab', { name: /modify permissions \(preview\)/i});
+    const modifyPermissionsTab = screen.getByRole('tab', { name: /modify permissions/i });
     await user.click(modifyPermissionsTab);
     expect(screen.getByText(/Permissions for the query are missing on this tab/i)).toBeDefined();
   });

src/setupTests.ts

@@ -1,4 +1,5 @@
 import { GlobalWithFetchMock } from 'jest-fetch-mock';
+import 'jest-canvas-mock';
 
 const customGlobal: GlobalWithFetchMock = global as unknown as GlobalWithFetchMock;
 customGlobal.fetch = require('jest-fetch-mock'); // tslint:disable-line