// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<IndexMapping /> spec render mappings with object type 1`] = `
<div>
  <fieldset
    class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
  >
    <legend
      class="euiScreenReaderOnly"
    >
      Editor Type
    </legend>
    <div
      class="euiButtonGroup__buttons"
    >
      <label
        class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
        data-test-subj="editorTypeVisualEditor"
        for="some_html_id"
      >
        <span
          class="euiButtonContent euiButton__content"
        >
          <span
            class="euiButton__text euiButtonGroupButton__textShift"
            data-text="Visual Editor"
            title="Visual Editor"
          >
            <input
              checked=""
              class="euiScreenReaderOnly"
              data-test-subj="VISUAL"
              id="some_html_id"
              name="some_html_id"
              type="radio"
              value=""
            />
            Visual Editor
          </span>
        </span>
      </label>
      <label
        class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
        data-test-subj="editorTypeJsonEditor"
        for="some_html_id"
      >
        <span
          class="euiButtonContent euiButton__content"
        >
          <span
            class="euiButton__text euiButtonGroupButton__textShift"
            data-text="JSON Editor"
            title="JSON Editor"
          >
            <input
              class="euiScreenReaderOnly"
              data-test-subj="JSON"
              id="some_html_id"
              name="some_html_id"
              type="radio"
              value=""
            />
            JSON Editor
          </span>
        </span>
      </label>
    </div>
  </fieldset>
  <div
    class="euiSpacer euiSpacer--l"
  />
  <div
    class="euiText euiText--medium euiTreeView__wrapper"
  >
    <p
      class="euiScreenReaderOnly"
      id="some_html_id--instruction"
    >
      You can quickly navigate this list using arrow keys.
    </p>
    <ul
      aria-describedby="some_html_id--instruction"
      aria-labelledby="label"
      class="euiTreeView index-mapping-tree"
      id="some_html_id"
    >
      <li
        class="euiTreeView__node euiTreeView__node--expanded"
      >
        <button
          aria-controls="some_html_id"
          aria-expanded="true"
          class="euiTreeView__nodeInner"
          data-test-subj="euiTreeViewButton-some_html_id"
          id="mapping-visual-editor-0"
        >
          <span
            class="euiTreeView__iconWrapper"
          >
            EuiIconMock
          </span>
          <span
            class="euiTreeView__nodeLabel"
          >
            <div
              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
            >
              <div
                class="euiFlexItem euiFlexItem--flexGrowZero"
                style="width: 300px;"
              >
                <div
                  class="euiFormRow euiFormRow--compressed"
                  id="some_html_id-row"
                >
                  <div
                    class="euiFormRow__labelWrapper"
                  >
                    <label
                      aria-invalid="false"
                      class="euiFormLabel euiFormRow__label"
                      for="some_html_id"
                    >
                      Field name
                    </label>
                  </div>
                  <div
                    class="euiFormRow__fieldWrapper"
                  >
                    <span
                      class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                    >
                      <div
                        class="euiFormControlLayout euiFormControlLayout--compressed"
                      >
                        <div
                          class="euiFormControlLayout__childrenWrapper"
                        >
                          <input
                            class="euiFieldText euiFieldText--compressed"
                            data-test-subj="mapping-visual-editor-0-field-name"
                            id="some_html_id"
                            type="text"
                            value="object"
                          />
                        </div>
                      </div>
                    </span>
                  </div>
                </div>
              </div>
              <div
                class="euiFlexItem euiFlexItem--flexGrowZero"
                style="width: 100px;"
              >
                <div
                  class="euiFormRow euiFormRow--compressed"
                  id="some_html_id-row"
                >
                  <div
                    class="euiFormRow__labelWrapper"
                  >
                    <label
                      class="euiFormLabel euiFormRow__label"
                      for="some_html_id"
                    >
                      Field type
                    </label>
                  </div>
                  <div
                    class="euiFormRow__fieldWrapper"
                  >
                    <span
                      class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                    >
                      <div
                        class="euiFormControlLayout euiFormControlLayout--compressed"
                      >
                        <div
                          class="euiFormControlLayout__childrenWrapper"
                        >
                          <select
                            class="euiSelect euiSelect--compressed"
                            data-test-subj="mapping-visual-editor-0-field-type"
                            id="some_html_id"
                          >
                            <option
                              value="alias"
                            >
                              alias
                            </option>
                            <option
                              value="boolean"
                            >
                              boolean
                            </option>
                            <option
                              value="binary"
                            >
                              binary
                            </option>
                            <option
                              value="completion"
                            >
                              completion
                            </option>
                            <option
                              value="date"
                            >
                              date
                            </option>
                            <option
                              value="date_range"
                            >
                              date_range
                            </option>
                            <option
                              value="double"
                            >
                              double
                            </option>
                            <option
                              value="double_range"
                            >
                              double_range
                            </option>
                            <option
                              value="float"
                            >
                              float
                            </option>
                            <option
                              value="geo_point"
                            >
                              geo_point
                            </option>
                            <option
                              value="geo_shape"
                            >
                              geo_shape
                            </option>
                            <option
                              value="half_float"
                            >
                              half_float
                            </option>
                            <option
                              value="integer"
                            >
                              integer
                            </option>
                            <option
                              value="ip"
                            >
                              ip
                            </option>
                            <option
                              value="ip_range"
                            >
                              ip_range
                            </option>
                            <option
                              value="keyword"
                            >
                              keyword
                            </option>
                            <option
                              value="long"
                            >
                              long
                            </option>
                            <option
                              value="long_range"
                            >
                              long_range
                            </option>
                            <option
                              value="object"
                            >
                              object
                            </option>
                            <option
                              value="percolator"
                            >
                              percolator
                            </option>
                            <option
                              value="rank_feature"
                            >
                              rank_feature
                            </option>
                            <option
                              value="rank_features"
                            >
                              rank_features
                            </option>
                            <option
                              value="search_as_you_type"
                            >
                              search_as_you_type
                            </option>
                            <option
                              value="text"
                            >
                              text
                            </option>
                            <option
                              value="token_count"
                            >
                              token_count
                            </option>
                          </select>
                          <div
                            class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                          >
                            <span
                              class="euiFormControlLayoutCustomIcon"
                            >
                              EuiIconMock
                            </span>
                          </div>
                        </div>
                      </div>
                    </span>
                  </div>
                </div>
              </div>
              <div
                class="euiFlexItem euiFlexItem--flexGrowZero"
              >
                <div
                  class="euiFormRow euiFormRow--compressed"
                  id="some_html_id-row"
                >
                  <div
                    class="euiFormRow__labelWrapper"
                  >
                    <label
                      class="euiFormLabel euiFormRow__label"
                      for="some_html_id"
                    >
                      Actions
                    </label>
                  </div>
                  <div
                    class="euiFormRow__fieldWrapper"
                  >
                    <div
                      id="some_html_id"
                      style="display: flex; height: 32px; align-items: center;"
                    >
                      <div
                        class="euiPopover euiPopover--anchorDownCenter"
                      >
                        <div
                          class="euiPopover__anchor"
                        >
                          <span
                            aria-label="Delete current field"
                            class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--medium"
                            data-test-subj="mapping-visual-editor-0-add-sub-field"
                          >
                            EuiIconMock
                          </span>
                        </div>
                      </div>
                      <span
                        class="euiToolTipAnchor"
                      >
                        <span
                          aria-label="Delete current field"
                          class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--medium"
                          data-test-subj="mapping-visual-editor-0-delete-field"
                        >
                          EuiIconMock
                        </span>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </span>
        </button>
        <div
          id="some_html_id"
        >
          <div
            class="euiText euiText--medium euiTreeView__wrapper"
          >
            <ul
              aria-labelledby="mapping-visual-editor-0 label"
              class="euiTreeView"
            >
              <li
                class="euiTreeView__node"
              >
                <button
                  aria-controls="some_html_id"
                  aria-expanded="false"
                  class="euiTreeView__nodeInner"
                  data-test-subj="euiTreeViewButton-some_html_id"
                  id="mapping-visual-editor-0.properties.0"
                >
                  <span
                    class="euiTreeView__iconWrapper"
                  >
                    EuiIconMock
                  </span>
                  <span
                    class="euiTreeView__nodeLabel"
                  >
                    <div
                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                    >
                      <div
                        class="euiFlexItem euiFlexItem--flexGrowZero"
                        style="width: 300px;"
                      >
                        <div
                          class="euiFormRow euiFormRow--compressed"
                          id="some_html_id-row"
                        >
                          <div
                            class="euiFormRow__labelWrapper"
                          >
                            <label
                              aria-invalid="false"
                              class="euiFormLabel euiFormRow__label"
                              for="some_html_id"
                            >
                              Field name
                            </label>
                          </div>
                          <div
                            class="euiFormRow__fieldWrapper"
                          >
                            <span
                              class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                            >
                              <div
                                class="euiFormControlLayout euiFormControlLayout--compressed"
                              >
                                <div
                                  class="euiFormControlLayout__childrenWrapper"
                                >
                                  <input
                                    class="euiFieldText euiFieldText--compressed"
                                    data-test-subj="mapping-visual-editor-0.properties.0-field-name"
                                    id="some_html_id"
                                    type="text"
                                    value="text"
                                  />
                                </div>
                              </div>
                            </span>
                          </div>
                        </div>
                      </div>
                      <div
                        class="euiFlexItem euiFlexItem--flexGrowZero"
                        style="width: 100px;"
                      >
                        <div
                          class="euiFormRow euiFormRow--compressed"
                          id="some_html_id-row"
                        >
                          <div
                            class="euiFormRow__labelWrapper"
                          >
                            <label
                              class="euiFormLabel euiFormRow__label"
                              for="some_html_id"
                            >
                              Field type
                            </label>
                          </div>
                          <div
                            class="euiFormRow__fieldWrapper"
                          >
                            <span
                              class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
                            >
                              <div
                                class="euiFormControlLayout euiFormControlLayout--compressed"
                              >
                                <div
                                  class="euiFormControlLayout__childrenWrapper"
                                >
                                  <select
                                    class="euiSelect euiSelect--compressed"
                                    data-test-subj="mapping-visual-editor-0.properties.0-field-type"
                                    id="some_html_id"
                                  >
                                    <option
                                      value="alias"
                                    >
                                      alias
                                    </option>
                                    <option
                                      value="boolean"
                                    >
                                      boolean
                                    </option>
                                    <option
                                      value="binary"
                                    >
                                      binary
                                    </option>
                                    <option
                                      value="completion"
                                    >
                                      completion
                                    </option>
                                    <option
                                      value="date"
                                    >
                                      date
                                    </option>
                                    <option
                                      value="date_range"
                                    >
                                      date_range
                                    </option>
                                    <option
                                      value="double"
                                    >
                                      double
                                    </option>
                                    <option
                                      value="double_range"
                                    >
                                      double_range
                                    </option>
                                    <option
                                      value="float"
                                    >
                                      float
                                    </option>
                                    <option
                                      value="geo_point"
                                    >
                                      geo_point
                                    </option>
                                    <option
                                      value="geo_shape"
                                    >
                                      geo_shape
                                    </option>
                                    <option
                                      value="half_float"
                                    >
                                      half_float
                                    </option>
                                    <option
                                      value="integer"
                                    >
                                      integer
                                    </option>
                                    <option
                                      value="ip"
                                    >
                                      ip
                                    </option>
                                    <option
                                      value="ip_range"
                                    >
                                      ip_range
                                    </option>
                                    <option
                                      value="keyword"
                                    >
                                      keyword
                                    </option>
                                    <option
                                      value="long"
                                    >
                                      long
                                    </option>
                                    <option
                                      value="long_range"
                                    >
                                      long_range
                                    </option>
                                    <option
                                      value="object"
                                    >
                                      object
                                    </option>
                                    <option
                                      value="percolator"
                                    >
                                      percolator
                                    </option>
                                    <option
                                      value="rank_feature"
                                    >
                                      rank_feature
                                    </option>
                                    <option
                                      value="rank_features"
                                    >
                                      rank_features
                                    </option>
                                    <option
                                      value="search_as_you_type"
                                    >
                                      search_as_you_type
                                    </option>
                                    <option
                                      value="text"
                                    >
                                      text
                                    </option>
                                    <option
                                      value="token_count"
                                    >
                                      token_count
                                    </option>
                                  </select>
                                  <div
                                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                                  >
                                    <span
                                      class="euiFormControlLayoutCustomIcon"
                                    >
                                      EuiIconMock
                                    </span>
                                  </div>
                                </div>
                              </div>
                            </span>
                          </div>
                        </div>
                      </div>
                      <div
                        class="euiFlexItem euiFlexItem--flexGrowZero"
                      >
                        <div
                          class="euiFormRow euiFormRow--compressed"
                          id="some_html_id-row"
                        >
                          <div
                            class="euiFormRow__labelWrapper"
                          >
                            <label
                              class="euiFormLabel euiFormRow__label"
                              for="some_html_id"
                            >
                              Actions
                            </label>
                          </div>
                          <div
                            class="euiFormRow__fieldWrapper"
                          >
                            <div
                              id="some_html_id"
                              style="display: flex; height: 32px; align-items: center;"
                            >
                              <span
                                class="euiToolTipAnchor"
                              >
                                <span
                                  aria-label="Delete current field"
                                  class="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--medium"
                                  data-test-subj="mapping-visual-editor-0.properties.0-delete-field"
                                >
                                  EuiIconMock
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </span>
                </button>
                <div
                  id="some_html_id"
                />
              </li>
            </ul>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div
    class="euiSpacer euiSpacer--l"
  />
  <button
    class="euiButton euiButton--primary"
    data-test-subj="createIndexAddFieldButton"
    style="margin-right: 8px;"
    type="button"
  >
    <span
      class="euiButtonContent euiButton__content"
    >
      <span
        class="euiButton__text"
      >
        Add new field
      </span>
    </span>
  </button>
  <button
    class="euiButton euiButton--primary"
    data-test-subj="createIndexAddObjectFieldButton"
    type="button"
  >
    <span
      class="euiButtonContent euiButton__content"
    >
      <span
        class="euiButton__text"
      >
        Add new object
      </span>
    </span>
  </button>
</div>
`;

exports[`<IndexMapping /> spec renders the component 1`] = `
<fieldset
  class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
>
  <legend
    class="euiScreenReaderOnly"
  >
    Editor Type
  </legend>
  <div
    class="euiButtonGroup__buttons"
  >
    <label
      class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
      data-test-subj="editorTypeVisualEditor"
      for="some_html_id"
    >
      <span
        class="euiButtonContent euiButton__content"
      >
        <span
          class="euiButton__text euiButtonGroupButton__textShift"
          data-text="Visual Editor"
          title="Visual Editor"
        >
          <input
            checked=""
            class="euiScreenReaderOnly"
            data-test-subj="VISUAL"
            id="some_html_id"
            name="some_html_id"
            type="radio"
            value=""
          />
          Visual Editor
        </span>
      </span>
    </label>
    <label
      class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
      data-test-subj="editorTypeJsonEditor"
      for="some_html_id"
    >
      <span
        class="euiButtonContent euiButton__content"
      >
        <span
          class="euiButton__text euiButtonGroupButton__textShift"
          data-text="JSON Editor"
          title="JSON Editor"
        >
          <input
            class="euiScreenReaderOnly"
            data-test-subj="JSON"
            id="some_html_id"
            name="some_html_id"
            type="radio"
            value=""
          />
          JSON Editor
        </span>
      </span>
    </label>
  </div>
</fieldset>
`;