From 3137a720c41d5e8ccb879f32b40fb28fcba9acb9 Mon Sep 17 00:00:00 2001
From: Anton Dosov <anton.dosov@elastic.co>
Date: Mon, 14 Jun 2021 16:39:42 +0200
Subject: [PATCH] [Index Patterns] Cover field editor with a11y tests (#101888)

---
 test/accessibility/apps/management.ts         | 22 ++++++++++++++
 test/functional/page_objects/settings_page.ts | 29 ++++++++++++++-----
 2 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/test/accessibility/apps/management.ts b/test/accessibility/apps/management.ts
index 692b140ade7ee..e71f6bb3ebfee 100644
--- a/test/accessibility/apps/management.ts
+++ b/test/accessibility/apps/management.ts
@@ -13,6 +13,7 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
   const esArchiver = getService('esArchiver');
   const kibanaServer = getService('kibanaServer');
   const a11y = getService('a11y');
+  const testSubjects = getService('testSubjects');
 
   describe('Management', () => {
     before(async () => {
@@ -43,6 +44,27 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await a11y.testAppSnapshot();
     });
 
+    it('Index pattern field editor - initial view', async () => {
+      await PageObjects.settings.clickAddField();
+      await a11y.testAppSnapshot();
+    });
+
+    it('Index pattern field editor - all options shown', async () => {
+      await PageObjects.settings.setFieldName('test');
+      await PageObjects.settings.setFieldType('Keyword');
+      await PageObjects.settings.setFieldScript("emit('hello world')");
+      await PageObjects.settings.toggleRow('formatRow');
+      await PageObjects.settings.setFieldFormat('string');
+      await PageObjects.settings.toggleRow('customLabelRow');
+      await PageObjects.settings.setCustomLabel('custom label');
+      await testSubjects.click('toggleAdvancedSetting');
+
+      await a11y.testAppSnapshot();
+
+      await testSubjects.click('euiFlyoutCloseButton');
+      await PageObjects.settings.closeIndexPatternFieldEditor();
+    });
+
     it('Open create index pattern wizard', async () => {
       await PageObjects.settings.clickKibanaIndexPatterns();
       await PageObjects.settings.clickAddNewIndexPatternButton();
diff --git a/test/functional/page_objects/settings_page.ts b/test/functional/page_objects/settings_page.ts
index 7d7da79b4a397..88951bb04c956 100644
--- a/test/functional/page_objects/settings_page.ts
+++ b/test/functional/page_objects/settings_page.ts
@@ -563,11 +563,8 @@ export class SettingsPageObject extends FtrService {
 
   async setFieldScript(script: string) {
     this.log.debug('set script = ' + script);
-    const formatRow = await this.testSubjects.find('valueRow');
-    const formatRowToggle = (await formatRow.findAllByCssSelector('[data-test-subj="toggle"]'))[0];
-
-    await formatRowToggle.click();
-    const getMonacoTextArea = async () => (await formatRow.findAllByCssSelector('textarea'))[0];
+    const valueRow = await this.toggleRow('valueRow');
+    const getMonacoTextArea = async () => (await valueRow.findAllByCssSelector('textarea'))[0];
     this.retry.waitFor('monaco editor is ready', async () => !!(await getMonacoTextArea()));
     const monacoTextArea = await getMonacoTextArea();
     await monacoTextArea.focus();
@@ -576,8 +573,8 @@ export class SettingsPageObject extends FtrService {
 
   async changeFieldScript(script: string) {
     this.log.debug('set script = ' + script);
-    const formatRow = await this.testSubjects.find('valueRow');
-    const getMonacoTextArea = async () => (await formatRow.findAllByCssSelector('textarea'))[0];
+    const valueRow = await this.testSubjects.find('valueRow');
+    const getMonacoTextArea = async () => (await valueRow.findAllByCssSelector('textarea'))[0];
     this.retry.waitFor('monaco editor is ready', async () => !!(await getMonacoTextArea()));
     const monacoTextArea = await getMonacoTextArea();
     await monacoTextArea.focus();
@@ -622,6 +619,24 @@ export class SettingsPageObject extends FtrService {
     );
   }
 
+  async toggleRow(rowTestSubj: string) {
+    this.log.debug('toggling tow = ' + rowTestSubj);
+    const row = await this.testSubjects.find(rowTestSubj);
+    const rowToggle = (await row.findAllByCssSelector('[data-test-subj="toggle"]'))[0];
+    await rowToggle.click();
+    return row;
+  }
+
+  async setCustomLabel(label: string) {
+    this.log.debug('set custom label = ' + label);
+    await (
+      await this.testSubjects.findDescendant(
+        'input',
+        await this.testSubjects.find('customLabelRow')
+      )
+    ).type(label);
+  }
+
   async setScriptedFieldUrlType(type: string) {
     this.log.debug('set scripted field Url type = ' + type);
     await this.find.clickByCssSelector(