diff --git a/x-pack/plugins/cases/public/components/all_cases/severity_filter.test.tsx b/x-pack/plugins/cases/public/components/all_cases/severity_filter.test.tsx
index 28be7c63f22b3..ca09d53501e5f 100644
--- a/x-pack/plugins/cases/public/components/all_cases/severity_filter.test.tsx
+++ b/x-pack/plugins/cases/public/components/all_cases/severity_filter.test.tsx
@@ -14,9 +14,7 @@ import { screen, waitFor } from '@testing-library/react';
import { waitForEuiPopoverOpen } from '@elastic/eui/lib/test/rtl';
import { SeverityFilter } from './severity_filter';
-// FLAKY: https://github.com/elastic/kibana/issues/176336
-// FLAKY: https://github.com/elastic/kibana/issues/176337
-describe.skip('Severity form field', () => {
+describe('Severity form field', () => {
const onChange = jest.fn();
let appMockRender: AppMockRenderer;
const props = {
@@ -30,28 +28,31 @@ describe.skip('Severity form field', () => {
it('renders', async () => {
appMockRender.render();
- expect(screen.getByTestId('options-filter-popover-button-severity')).toBeInTheDocument();
- expect(screen.getByTestId('options-filter-popover-button-severity')).not.toBeDisabled();
+ expect(await screen.findByTestId('options-filter-popover-button-severity')).toBeInTheDocument();
+ expect(await screen.findByTestId('options-filter-popover-button-severity')).not.toBeDisabled();
- userEvent.click(screen.getByRole('button', { name: 'Severity' }));
+ userEvent.click(await screen.findByRole('button', { name: 'Severity' }));
await waitForEuiPopoverOpen();
- expect(screen.getByRole('option', { name: CaseSeverity.LOW })).toBeInTheDocument();
- expect(screen.getByRole('option', { name: CaseSeverity.MEDIUM })).toBeInTheDocument();
- expect(screen.getByRole('option', { name: CaseSeverity.HIGH })).toBeInTheDocument();
- expect(screen.getByRole('option', { name: CaseSeverity.CRITICAL })).toBeInTheDocument();
- expect(screen.getAllByRole('option').length).toBe(4);
+ expect(await screen.findByRole('option', { name: CaseSeverity.LOW })).toBeInTheDocument();
+ expect(await screen.findByRole('option', { name: CaseSeverity.MEDIUM })).toBeInTheDocument();
+ expect(await screen.findByRole('option', { name: CaseSeverity.HIGH })).toBeInTheDocument();
+ expect(await screen.findByRole('option', { name: CaseSeverity.CRITICAL })).toBeInTheDocument();
+ expect((await screen.findAllByRole('option')).length).toBe(4);
});
it('selects the correct value when changed', async () => {
appMockRender.render();
- userEvent.click(screen.getByRole('button', { name: 'Severity' }));
+ userEvent.click(await screen.findByRole('button', { name: 'Severity' }));
await waitForEuiPopoverOpen();
- userEvent.click(screen.getByRole('option', { name: 'high' }));
+ userEvent.click(await screen.findByRole('option', { name: 'high' }));
await waitFor(() => {
- expect(onChange).toHaveBeenCalledWith({ filterId: 'severity', selectedOptionKeys: ['high'] });
+ expect(onChange).toHaveBeenCalledWith({
+ filterId: 'severity',
+ selectedOptionKeys: ['high'],
+ });
});
});
});