[FieldFormats] Add editors tests

src/plugins/index_pattern_field_editor/public/components/field_format_editor/editors/color/color.tsx

@@ -96,6 +96,7 @@ export class ColorFormatEditor extends DefaultFormatEditor<ColorFormatEditorForm
               return (
                 <EuiFieldText
                   value={value}
+                  data-test-subj={`colorEditorKeyPattern ${item.index}`}
                   onChange={(e) => {
                     this.onColorChange(
                       {
@@ -120,6 +121,7 @@ export class ColorFormatEditor extends DefaultFormatEditor<ColorFormatEditorForm
               return (
                 <EuiFieldText
                   value={value}
+                  data-test-subj={`colorEditorKeyRange ${item.index}`}
                   onChange={(e) => {
                     this.onColorChange(
                       {
@@ -144,6 +146,7 @@ export class ColorFormatEditor extends DefaultFormatEditor<ColorFormatEditorForm
           return (
             <EuiColorPicker
               color={color}
+              data-test-subj={`colorEditorColorPicker ${item.index}`}
               onChange={(newColor) => {
                 this.onColorChange(
                   {
@@ -168,6 +171,7 @@ export class ColorFormatEditor extends DefaultFormatEditor<ColorFormatEditorForm
           return (
             <EuiColorPicker
               color={color}
+              data-test-subj={`colorEditorBackgroundPicker ${item.index}`}
               onChange={(newColor) => {
                 this.onColorChange(
                   {
@@ -220,6 +224,7 @@ export class ColorFormatEditor extends DefaultFormatEditor<ColorFormatEditorForm
             icon: 'trash',
             color: 'danger',
             available: () => items.length > 1,
+            'data-test-subj': 'colorEditorRemoveColor',
           },
         ],
       },
@@ -229,7 +234,12 @@ export class ColorFormatEditor extends DefaultFormatEditor<ColorFormatEditorForm
       <Fragment>
         <EuiBasicTable items={items} columns={columns} />
         <EuiSpacer size="m" />
-        <EuiButton iconType="plusInCircle" size="s" onClick={this.addColor}>
+        <EuiButton
+          iconType="plusInCircle"
+          size="s"
+          onClick={this.addColor}
+          data-test-subj={'colorEditorAddColor'}
+        >
           <FormattedMessage
             id="indexPatternFieldEditor.color.addColorButton"
             defaultMessage="Add color"

src/plugins/index_pattern_field_editor/public/components/field_format_editor/editors/duration/duration.tsx

@@ -103,6 +103,7 @@ export class DurationFormatEditor extends DefaultFormatEditor<
           error={hasDecimalError ? null : error}
         >
           <EuiSelect
+            data-test-subj={'durationEditorInputFormat'}
             value={formatParams.inputFormat}
             options={format.type.inputFormats.map((fmt: InputFormat) => {
               return {
@@ -126,6 +127,7 @@ export class DurationFormatEditor extends DefaultFormatEditor<
           isInvalid={!!error}
         >
           <EuiSelect
+            data-test-subj={'durationEditorOutputFormat'}
             value={formatParams.outputFormat}
             options={format.type.outputFormats.map((fmt: OutputFormat) => {
               return {

src/plugins/index_pattern_field_editor/public/components/field_format_editor/editors/number/number.tsx

@@ -66,6 +66,7 @@ export class NumberFormatEditor extends DefaultFormatEditor<NumberFormatEditorPa
           error={error}
         >
           <EuiFieldText
+            data-test-subj={'numberEditorFormatPattern'}
             value={formatParams.pattern}
             placeholder={defaultPattern}
             onChange={(e) => {

src/plugins/index_pattern_field_editor/public/components/field_format_editor/editors/static_lookup/static_lookup.tsx

@@ -81,6 +81,7 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor<StaticLookupFo
           return (
             <EuiFieldText
               value={value || ''}
+              data-test-subj={`staticLookupEditorKey ${item.index}`}
               onChange={(e) => {
                 this.onLookupChange(
                   {
@@ -105,6 +106,7 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor<StaticLookupFo
           return (
             <EuiFieldText
               value={value || ''}
+              data-test-subj={`staticLookupEditorValue ${item.index}`}
               onChange={(e) => {
                 this.onLookupChange(
                   {
@@ -136,6 +138,7 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor<StaticLookupFo
             type: 'icon',
             icon: 'trash',
             color: 'danger',
+            'data-test-subj': 'staticLookupEditorRemoveEntry',
             available: () => items.length > 1,
           },
         ],
@@ -147,7 +150,12 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor<StaticLookupFo
       <Fragment>
         <EuiBasicTable items={items} columns={columns} style={{ maxWidth: '400px' }} />
         <EuiSpacer size="m" />
-        <EuiButton iconType="plusInCircle" size="s" onClick={this.addLookup}>
+        <EuiButton
+          iconType="plusInCircle"
+          size="s"
+          onClick={this.addLookup}
+          data-test-subj={'staticLookupEditorAddEntry'}
+        >
           <FormattedMessage
             id="indexPatternFieldEditor.staticLookup.addEntryButton"
             defaultMessage="Add entry"
@@ -164,6 +172,7 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor<StaticLookupFo
         >
           <EuiFieldText
             value={formatParams.unknownKeyValue || ''}
+            data-test-subj={'staticLookupEditorUnknownValue'}
             placeholder={i18n.translate(
               'indexPatternFieldEditor.staticLookup.leaveBlankPlaceholder',
               {

src/plugins/index_pattern_field_editor/public/components/field_format_editor/editors/truncate/truncate.tsx

@@ -48,6 +48,7 @@ export class TruncateFormatEditor extends DefaultFormatEditor<TruncateFormatEdit
           <EuiFieldNumber
             defaultValue={formatParams.fieldLength}
             min={1}
+            data-test-subj={'truncateEditorLength'}
             onChange={(e) => {
               if (e.target.checkValidity()) {
                 this.onChange({

test/common/services/index.ts

@@ -15,6 +15,7 @@ import { RandomnessService } from './randomness';
 import { SecurityServiceProvider } from './security';
 import { EsDeleteAllIndicesProvider } from './es_delete_all_indices';
 import { SavedObjectInfoService } from './saved_object_info';
+import { IndexPatternsService } from './index_patterns';
 
 export const services = {
   deployment: DeploymentService,
@@ -26,4 +27,5 @@ export const services = {
   security: SecurityServiceProvider,
   esDeleteAllIndices: EsDeleteAllIndicesProvider,
   savedObjectInfo: SavedObjectInfoService,
+  indexPatterns: IndexPatternsService,
 };

test/common/services/index_patterns.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 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { FtrService } from '../ftr_provider_context';
+import { IndexPatternSpec } from '../../../src/plugins/data/common';
+
+export class IndexPatternsService extends FtrService {
+  private readonly kibanaServer = this.ctx.getService('kibanaServer');
+
+  /**
+   * Create a new index pattern
+   */
+  async create(
+    indexPattern: { title: string },
+    { override = false }: { override: boolean } = { override: false }
+  ): Promise<IndexPatternSpec> {
+    const response = await this.kibanaServer.request<{
+      index_pattern: IndexPatternSpec;
+    }>({
+      path: '/api/index_patterns/index_pattern',
+      method: 'POST',
+      body: {
+        override,
+        index_pattern: indexPattern,
+      },
+    });
+
+    return response.data.index_pattern;
+  }
+}