[ResponseOps][Cases] Fixed link flaky tests (elastic#200732)

Closes elastic#196189 Closes elastic#193209 ## Summary These are simple components and the `<TestProviders>` were not necessary in the tests. Removing them made the tests faster locally so that might help.
paulinashakirova · Nov 26, 2024 · bcd6153 · bcd6153
1 parent bb37e26
commit bcd6153
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 20 deletions.
diff --git a/x-pack/plugins/cases/public/components/links/index.test.tsx b/x-pack/plugins/cases/public/components/links/index.test.tsx
@@ -11,13 +11,13 @@ import userEvent from '@testing-library/user-event';
 
 import type { ConfigureCaseButtonProps, CaseDetailsLinkProps } from '.';
 import { ConfigureCaseButton, CaseDetailsLink } from '.';
-import { TestProviders } from '../../common/mock';
 import { useCaseViewNavigation } from '../../common/navigation/hooks';
 
 jest.mock('../../common/navigation/hooks');
 
-// FLAKY: https://github.com/elastic/kibana/issues/196189
-describe.skip('Configuration button', () => {
+const useCaseViewNavigationMock = useCaseViewNavigation as jest.Mock;
+
+describe('Configuration button', () => {
   const props: ConfigureCaseButtonProps = {
     label: 'My label',
     msgTooltip: <></>,
@@ -26,11 +26,7 @@ describe.skip('Configuration button', () => {
   };
 
   it('renders without the tooltip', async () => {
-    render(
-      <TestProviders>
-        <ConfigureCaseButton {...props} />
-      </TestProviders>
-    );
+    render(<ConfigureCaseButton {...props} />);
 
     const configureButton = await screen.findByTestId('configure-case-button');
 
@@ -39,8 +35,7 @@ describe.skip('Configuration button', () => {
     expect(configureButton).toHaveAttribute('aria-label', 'My label');
   });
 
-  // Flaky: https://github.com/elastic/kibana/issues/193209
-  it.skip('renders the tooltip correctly when hovering the button', async () => {
+  it('renders the tooltip correctly when hovering the button', async () => {
     jest.useFakeTimers();
 
     const user = userEvent.setup({
@@ -49,14 +44,12 @@ describe.skip('Configuration button', () => {
     });
 
     render(
-      <TestProviders>
-        <ConfigureCaseButton
-          {...props}
-          showToolTip={true}
-          titleTooltip={'My title'}
-          msgTooltip={<>{'My message tooltip'}</>}
-        />
-      </TestProviders>
+      <ConfigureCaseButton
+        {...props}
+        showToolTip={true}
+        titleTooltip={'My title'}
+        msgTooltip={<>{'My message tooltip'}</>}
+      />
     );
 
     await user.hover(await screen.findByTestId('configure-case-button'));
@@ -70,7 +63,6 @@ describe.skip('Configuration button', () => {
 });
 
 describe('CaseDetailsLink', () => {
-  const useCaseViewNavigationMock = useCaseViewNavigation as jest.Mock;
   const getCaseViewUrl = jest.fn().mockReturnValue('/cases/test');
   const navigateToCaseView = jest.fn();
 

diff --git a/x-pack/plugins/cases/public/components/links/index.tsx b/x-pack/plugins/cases/public/components/links/index.tsx
@@ -8,7 +8,7 @@
 import type { EuiButtonProps, EuiLinkProps, PropsForAnchor, PropsForButton } from '@elastic/eui';
 import { EuiButton, EuiLink, EuiToolTip, EuiButtonEmpty } from '@elastic/eui';
 import React, { useCallback, useMemo } from 'react';
-import { useCaseViewNavigation, useConfigureCasesNavigation } from '../../common/navigation';
+import { useCaseViewNavigation, useConfigureCasesNavigation } from '../../common/navigation/hooks';
 import * as i18n from './translations';
 
 export interface CasesNavigation<T = React.MouseEvent | MouseEvent | null, K = null> {