fix: use render directly for compass-context-menu

Author: gagik

package-lock.json

@@ -6,7 +6,7 @@ import { ContextMenuProvider as ContextMenuProviderBase } from '@mongodb-js/comp
 import type {
   ContextMenuItemGroup,
   ContextMenuWrapperProps,
-} from '@mongodb-js/compass-context-menu/dist/types';
+} from '@mongodb-js/compass-context-menu';
 
 export function ContextMenuProvider({
   children,

packages/compass-components/src/components/context-menu.tsx

@@ -57,6 +57,7 @@
     "@mongodb-js/prettier-config-compass": "^1.2.8",
     "@mongodb-js/testing-library-compass": "^1.3.1",
     "@mongodb-js/tsconfig-compass": "^1.2.8",
+    "@testing-library/react": "^12.1.5",
     "@types/chai": "^4.2.21",
     "@types/mocha": "^9.0.0",
     "@types/react": "^17.0.5",

packages/compass-context-menu/package.json

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from '@mongodb-js/testing-library-compass';
+import { render } from './render.spec';
 import { expect } from 'chai';
 import { ContextMenuProvider } from './context-menu-provider';
 import type { ContextMenuWrapperProps } from './types';

packages/compass-context-menu/src/context-menu-provider.spec.tsx

@@ -0,0 +1,5 @@
+// We need to import from testing-library/react directly because the wrapping done
+// by testing-library-compass already sets up the context menu provider which is not
+// useful for our tests.
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+export { render } from '@testing-library/react';

packages/compass-context-menu/src/render.spec.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { render, screen, userEvent } from '@mongodb-js/testing-library-compass';
+import { render } from './render.spec';
+import { screen, userEvent } from '@mongodb-js/testing-library-compass';
 import { expect } from 'chai';
 import sinon from 'sinon';
 import { useContextMenu } from './use-context-menu';