From f0028258c5158c3d5d9b6106394c523470e4a12d Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Tue, 26 Nov 2024 01:27:59 +1100
Subject: [PATCH] [8.x] [ResponseOps][Cases] &#x60;SyncAlertsToggle&#x60; flaky
 test (#201534) (#201574)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[ResponseOps][Cases] &#x60;SyncAlertsToggle&#x60; flaky test
(#201534)](https://github.com/elastic/kibana/pull/201534)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT
[{"author":{"name":"Antonio","email":"antonio.coelho@elastic.co"},"sourceCommit":{"committedDate":"2024-11-25T12:38:32Z","message":"[ResponseOps][Cases]
`SyncAlertsToggle` flaky test (#201534)\n\n## Summary\r\n\r\nThe test
failed again after the last fix. I added `within` to try and\r\nimprove
the time of the dom traversals in the failing
test.","sha":"e4d32fd5271ec46d6ba2b9fd9f6bf3c226884c6b","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["technical
debt","release_note:skip","Team:ResponseOps","v9.0.0","Feature:Cases","backport:prev-minor"],"title":"[ResponseOps][Cases]
`SyncAlertsToggle` flaky
test","number":201534,"url":"https://github.com/elastic/kibana/pull/201534","mergeCommit":{"message":"[ResponseOps][Cases]
`SyncAlertsToggle` flaky test (#201534)\n\n## Summary\r\n\r\nThe test
failed again after the last fix. I added `within` to try and\r\nimprove
the time of the dom traversals in the failing
test.","sha":"e4d32fd5271ec46d6ba2b9fd9f6bf3c226884c6b"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/201534","number":201534,"mergeCommit":{"message":"[ResponseOps][Cases]
`SyncAlertsToggle` flaky test (#201534)\n\n## Summary\r\n\r\nThe test
failed again after the last fix. I added `within` to try and\r\nimprove
the time of the dom traversals in the failing
test.","sha":"e4d32fd5271ec46d6ba2b9fd9f6bf3c226884c6b"}}]}] BACKPORT-->

Co-authored-by: Antonio <antonio.coelho@elastic.co>
---
 .../case_form_fields/sync_alerts_toggle.test.tsx  | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/x-pack/plugins/cases/public/components/case_form_fields/sync_alerts_toggle.test.tsx b/x-pack/plugins/cases/public/components/case_form_fields/sync_alerts_toggle.test.tsx
index fbe7eca218391..238abfefeb474 100644
--- a/x-pack/plugins/cases/public/components/case_form_fields/sync_alerts_toggle.test.tsx
+++ b/x-pack/plugins/cases/public/components/case_form_fields/sync_alerts_toggle.test.tsx
@@ -33,9 +33,10 @@ describe('SyncAlertsToggle', () => {
       </FormTestComponent>
     );
 
-    expect(await screen.findByTestId('caseSyncAlerts')).toBeInTheDocument();
-    expect(await screen.findByRole('switch')).toHaveAttribute('aria-checked', 'true');
-    expect(await screen.findByText('On')).toBeInTheDocument();
+    const syncAlerts = await screen.findByTestId('caseSyncAlerts');
+    expect(syncAlerts).toBeInTheDocument();
+    expect(within(syncAlerts).getByRole('switch')).toHaveAttribute('aria-checked', 'true');
+    expect(within(syncAlerts).getByText('On')).toBeInTheDocument();
   });
 
   it('it toggles the switch', async () => {
@@ -45,9 +46,9 @@ describe('SyncAlertsToggle', () => {
       </FormTestComponent>
     );
 
-    const synAlerts = await screen.findByTestId('caseSyncAlerts');
+    const syncAlerts = await screen.findByTestId('caseSyncAlerts');
 
-    await userEvent.click(within(synAlerts).getByRole('switch'));
+    await userEvent.click(within(syncAlerts).getByRole('switch'));
 
     expect(await screen.findByRole('switch')).toHaveAttribute('aria-checked', 'false');
     expect(await screen.findByText('Off')).toBeInTheDocument();
@@ -60,9 +61,9 @@ describe('SyncAlertsToggle', () => {
       </FormTestComponent>
     );
 
-    const synAlerts = await screen.findByTestId('caseSyncAlerts');
+    const syncAlerts = await screen.findByTestId('caseSyncAlerts');
 
-    await userEvent.click(within(synAlerts).getByRole('switch'));
+    await userEvent.click(within(syncAlerts).getByRole('switch'));
 
     await userEvent.click(await screen.findByText('Submit'));