[DOCS] Add TheHive connector to automated Observability case screenshots (elastic#193913)

(cherry picked from commit bdf62b6)

Author: lcawl

x-pack/test_serverless/functional/test_suites/observability/config.screenshots.ts

@@ -17,6 +17,7 @@ const enabledActionTypes = [
   '.servicenow-itom',
   '.servicenow-sir',
   '.swimlane',
+  '.thehive',
 ];
 
 export default createTestConfig({

x-pack/test_serverless/functional/test_suites/observability/screenshot_creation/response_ops_docs/cases/settings.ts

@@ -10,21 +10,31 @@ import { FtrProviderContext } from '../../../../../ftr_provider_context';
 import { navigateToCasesApp } from '../../../../../../shared/lib/cases';
 
 export default function ({ getPageObject, getPageObjects, getService }: FtrProviderContext) {
+  const retry = getService('retry');
   const svlCases = getService('svlCases');
   const svlCommonScreenshots = getService('svlCommonScreenshots');
+  const svlCommonPage = getPageObject('svlCommonPage');
   const screenshotDirectories = ['response_ops_docs', 'observability_cases'];
   const testSubjects = getService('testSubjects');
   const owner = OBSERVABILITY_OWNER;
 
-  // FLAKY:https://github.com/elastic/kibana/issues/189058
-  describe.skip('Observability case settings', function () {
+  describe('Observability case settings', function () {
+    before(async () => {
+      await svlCommonPage.loginWithPrivilegedRole();
+    });
     after(async () => {
       await svlCases.api.deleteAllCaseItems();
     });
 
     it('case settings screenshots', async () => {
       await navigateToCasesApp(getPageObject, getService, owner);
+      await retry.waitFor('configure-case-button exist', async () => {
+        return await testSubjects.exists('configure-case-button');
+      });
       await testSubjects.click('configure-case-button');
+      await retry.waitFor('add-custom-field exist', async () => {
+        return await testSubjects.exists('add-custom-field');
+      });
       await testSubjects.click('add-custom-field');
       await svlCommonScreenshots.takeScreenshot(
         'observability-cases-custom-fields',
@@ -33,25 +43,39 @@ export default function ({ getPageObject, getPageObjects, getService }: FtrProvi
         700
       );
       await testSubjects.setValue('custom-field-label-input', 'my-field');
+      await retry.waitFor('common-flyout-save exist', async () => {
+        return await testSubjects.exists('common-flyout-save');
+      });
       await testSubjects.click('common-flyout-save');
       await svlCommonScreenshots.takeScreenshot(
         'observability-cases-settings',
         screenshotDirectories
       );
+      await retry.waitFor('add-template exist', async () => {
+        return await testSubjects.exists('add-template');
+      });
       await testSubjects.click('add-template');
       await svlCommonScreenshots.takeScreenshot(
         'observability-cases-templates',
         screenshotDirectories,
         1400,
         1000
       );
+      await retry.waitFor('common-flyout-cancel exist', async () => {
+        return await testSubjects.exists('common-flyout-cancel');
+      });
       await testSubjects.click('common-flyout-cancel');
-      await testSubjects.click('dropdown-connectors');
-      await testSubjects.click('dropdown-connector-add-connector');
+      await retry.waitFor('dropdown-connectors exist', async () => {
+        return await testSubjects.exists('dropdown-connectors');
+      });
+      await testSubjects.click('add-new-connector');
       await svlCommonScreenshots.takeScreenshot(
         'observability-cases-add-connector',
         screenshotDirectories
       );
+      await retry.waitFor('euiFlyoutCloseButton exist', async () => {
+        return await testSubjects.exists('euiFlyoutCloseButton');
+      });
       await testSubjects.click('euiFlyoutCloseButton');
     });
   });

x-pack/test_serverless/functional/test_suites/security/screenshot_creation/response_ops_docs/cases/settings.ts

@@ -11,14 +11,14 @@ import { navigateToCasesApp } from '../../../../../../shared/lib/cases';
 
 export default function ({ getPageObject, getPageObjects, getService }: FtrProviderContext) {
   const pageObjects = getPageObjects(['common', 'header', 'svlCommonPage', 'svlCommonNavigation']);
+  const retry = getService('retry');
   const svlCases = getService('svlCases');
   const svlCommonScreenshots = getService('svlCommonScreenshots');
   const screenshotDirectories = ['response_ops_docs', 'security_cases'];
   const testSubjects = getService('testSubjects');
   const owner = SECURITY_SOLUTION_OWNER;
 
-  // FLAKY: https://github.com/elastic/kibana/issues/188997
-  describe.skip('security case settings', function () {
+  describe('security case settings', function () {
     after(async () => {
       await svlCases.api.deleteAllCaseItems();
     });
@@ -29,30 +29,44 @@ export default function ({ getPageObject, getPageObjects, getService }: FtrProvi
 
     it('case settings screenshot', async () => {
       await navigateToCasesApp(getPageObject, getService, owner);
+      await retry.waitFor('configure-case-button exist', async () => {
+        return await testSubjects.exists('configure-case-button');
+      });
       await testSubjects.click('configure-case-button');
       await pageObjects.header.waitUntilLoadingHasFinished();
+      await retry.waitFor('add-custom-field exist', async () => {
+        return await testSubjects.exists('add-custom-field');
+      });
       await testSubjects.click('add-custom-field');
       await svlCommonScreenshots.takeScreenshot(
         'security-cases-custom-fields',
         screenshotDirectories,
         1400,
         700
       );
+      await retry.waitFor('custom-field-label-input exist', async () => {
+        return await testSubjects.exists('custom-field-label-input');
+      });
       await testSubjects.setValue('custom-field-label-input', 'my-field');
+      await retry.waitFor('common-flyout-save exist', async () => {
+        return await testSubjects.exists('common-flyout-save');
+      });
       await testSubjects.click('common-flyout-save');
       await svlCommonScreenshots.takeScreenshot('security-cases-settings', screenshotDirectories);
+      await retry.waitFor('add-template to exist', async () => {
+        return await testSubjects.exists('add-template');
+      });
       await testSubjects.click('add-template');
       await svlCommonScreenshots.takeScreenshot(
         'security-cases-templates',
         screenshotDirectories,
         1400,
         1000
       );
+      await retry.waitFor('common-flyout-cancel to exist', async () => {
+        return await testSubjects.exists('common-flyout-cancel');
+      });
       await testSubjects.click('common-flyout-cancel');
-      await testSubjects.click('dropdown-connectors');
-      await testSubjects.click('dropdown-connector-add-connector');
-      await svlCommonScreenshots.takeScreenshot('security-cases-connectors', screenshotDirectories);
-      await testSubjects.click('euiFlyoutCloseButton');
     });
   });
 }