[ResponseOps][Cases] Fixed sync alerts switch flaky tests (#200738)

Fixes #192997

## Summary

I removed `createAppMockRenderer` because `SyncAlertsSwitch` is a really
simple component.
This commit is contained in:
Antonio 2024-11-20 10:00:18 +01:00 committed by GitHub
parent be8f93d5ed
commit d94f8008a6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -6,29 +6,20 @@
*/
import React from 'react';
import { screen } from '@testing-library/react';
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import type { AppMockRenderer } from '../../common/mock';
import { createAppMockRenderer } from '../../common/mock';
import { SyncAlertsSwitch } from './sync_alerts_switch';
// Failing: See https://github.com/elastic/kibana/issues/192997
describe.skip('SyncAlertsSwitch', () => {
let appMockRender: AppMockRenderer;
beforeEach(() => {
appMockRender = createAppMockRenderer();
});
describe('SyncAlertsSwitch', () => {
it('it renders', async () => {
appMockRender.render(<SyncAlertsSwitch disabled={false} />);
render(<SyncAlertsSwitch disabled={false} />);
expect(await screen.findByTestId('sync-alerts-switch')).toBeInTheDocument();
});
it('it toggles the switch', async () => {
appMockRender.render(<SyncAlertsSwitch disabled={false} />);
render(<SyncAlertsSwitch disabled={false} />);
await userEvent.click(await screen.findByTestId('sync-alerts-switch'));
@ -39,20 +30,20 @@ describe.skip('SyncAlertsSwitch', () => {
});
it('it disables the switch', async () => {
appMockRender.render(<SyncAlertsSwitch disabled={true} />);
render(<SyncAlertsSwitch disabled={true} />);
expect(await screen.findByTestId('sync-alerts-switch')).toHaveProperty('disabled', true);
});
it('it start as off', async () => {
appMockRender.render(<SyncAlertsSwitch disabled={false} isSynced={false} showLabel={true} />);
render(<SyncAlertsSwitch disabled={false} isSynced={false} showLabel={true} />);
expect(await screen.findByText('Off')).toBeInTheDocument();
expect(screen.queryByText('On')).not.toBeInTheDocument();
});
it('it shows the correct labels', async () => {
appMockRender.render(<SyncAlertsSwitch disabled={false} showLabel={true} />);
render(<SyncAlertsSwitch disabled={false} showLabel={true} />);
expect(await screen.findByText('On')).toBeInTheDocument();
expect(screen.queryByText('Off')).not.toBeInTheDocument();