[DOCS] Automate maintenance window screenshot (elastic#157816)

x-pack/plugins/alerting/public/pages/maintenance_windows/components/create_maintenance_windows_form.tsx

@@ -250,7 +250,7 @@ export const CreateMaintenanceWindowForm = React.memo<CreateMaintenanceWindowFor
           responsive={false}
         >
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty onClick={onCancel} size="s">
+            <EuiButtonEmpty onClick={onCancel} size="s" data-test-subj="cancelMaintenanceWindow">
               {i18n.CANCEL}
             </EuiButtonEmpty>
           </EuiFlexItem>

x-pack/test/functional/config.base.js

@@ -178,6 +178,9 @@ export default async function ({ readConfigFile }) {
       triggersActions: {
         pathname: '/app/management/insightsAndAlerting/triggersActions',
       },
+      maintenanceWindows: {
+        pathname: '/app/management/insightsAndAlerting/maintenanceWindows',
+      },
     },
 
     // choose where screenshots should be saved

x-pack/test/screenshot_creation/apps/response_ops_docs/index.ts

@@ -42,6 +42,7 @@ export default function ({ getPageObject, getService, loadTestFile }: FtrProvide
     loadTestFile(require.resolve('./stack_alerting'));
     loadTestFile(require.resolve('./stack_cases'));
     loadTestFile(require.resolve('./stack_connectors'));
+    loadTestFile(require.resolve('./maintenance_windows'));
     loadTestFile(require.resolve('./observability_cases'));
   });
 }

x-pack/test/screenshot_creation/apps/response_ops_docs/maintenance_windows/create_window.ts

@@ -0,0 +1,35 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { FtrProviderContext } from '../../../ftr_provider_context';
+
+export default function ({ getService, getPageObjects }: FtrProviderContext) {
+  const commonScreenshots = getService('commonScreenshots');
+  const find = getService('find');
+  const pageObjects = getPageObjects(['common', 'header']);
+  const screenshotDirectories = ['response_ops_docs', 'maintenance_windows'];
+  const testSubjects = getService('testSubjects');
+
+  describe('create maintenance window', function () {
+    it('create window screenshot', async () => {
+      await pageObjects.common.navigateToApp('maintenanceWindows');
+      await pageObjects.header.waitUntilLoadingHasFinished();
+      const createButton = await find.byCssSelector(
+        '[data-test-subj="mw-empty-prompt"] .euiButton'
+      );
+      await createButton.click();
+      await commonScreenshots.takeScreenshot(
+        'create-maintenance-window',
+        screenshotDirectories,
+        1400,
+        1024
+      );
+      const cancelButton = await testSubjects.find('cancelMaintenanceWindow');
+      await cancelButton.click();
+    });
+  });
+}

x-pack/test/screenshot_creation/apps/response_ops_docs/maintenance_windows/index.ts

@@ -0,0 +1,14 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { FtrProviderContext } from '../../../ftr_provider_context';
+
+export default function ({ loadTestFile }: FtrProviderContext) {
+  describe('maintenance windows', function () {
+    loadTestFile(require.resolve('./create_window'));
+  });
+}