Skip to content

Failing test: Jest Tests.x-pack/platform/plugins/shared/cases/public/components/templates_v2/field_types/controls/user_picker - UserPicker inline actions shows actions after the selection changes and confirms it #280855

Description

@kibanamachine

A test failed on a tracked branch

Test Details:

Field Value
Report name Jest Tests
Location x-pack/platform/plugins/shared/cases/public/components/templates_v2/field_types/controls/user_picker/user_picker.test.tsx
Duration 5.56s
Config path x-pack/platform/plugins/shared/cases/jest.config.js
Code Owners elastic/kibana-cases
Error: Unable to find an element with the text: Damaged Raccoon. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="euiFormRow euiFormRow--hasLabel css-1cb1ecx-euiFormRow-fullWidth"
      id="generated-id-row"
    >
      <div
        class="euiFormRow__labelWrapper"
      >
        <label
          aria-invalid="false"
          class="euiFormLabel euiFormRow__label euiFormLabel-isFocused css-ix7ezk-euiFormLabel"
          for="generated-id"
          id="generated-id-label"
        >
          Assignee
        </label>
         
        <div
          class="euiText css-1tlffda-euiText-xs-euiTextColor-subdued"
          data-test-subj="form-optional-field-label"
        >
          Optional
        </div>
      </div>
      <div
        class="euiFormRow__fieldWrapper"
      >
        <div
          class="euiComboBox euiComboBox-isOpen css-1oj52fb-euiComboBox-fullWidth"
          data-test-subj="template-user-picker-assignee"
        >
          <div
            class="euiPopover euiPopover-isOpen euiInputPopover css-dvxsi8-euiPopover-block-EuiInputPopover"
          >
            <div
              class="euiFormControlLayout css-1xigpoq-euiFormControlLayout-fullWidth-euiComboBox__formControlLayout-multiSelect"
            >
              <div
                class="euiFormControlLayout__childrenWrapper css-1kx92dj-euiFormControlLayout__childrenWrapper"
                style="--euiFormControlRightIconsCount: 2;"
              >
                <div
                  class="euiComboBox__inputWrap css-1o4lq2y-euiComboBoxInputWrapper-multiSelect-open"
                  data-test-subj="comboBoxInput"
                  tabindex="-1"
                >
                  <input
                    aria-autocomplete="list"
                    aria-controls="generated-id_listbox"
                    aria-expanded="true"
                    aria-haspopup="listbox"
                    aria-invalid="false"
                    autocomplete="off"
                    class="euiComboBox__input css-myr1r3-euiComboBoxInput"
                    data-test-subj="comboBoxSearchInput"
                    id="generated-id"
                    role="combobox"
                    style="inline-size: 2px;"
                    value="am"
                  />
                  <span
                    aria-live="polite"
                    class="css-gb1zbv-euiScreenReaderOnly"
                    id="generated-id_removeOptionMessage"
                  >
                    Combo box. Selected. am. Selected. Combo box input.  Type some text or, to display a list of choices, press Down Arrow. To exit the list of choices, press Escape.
                  </span>
                </div>
                <div
                  class="euiFormControlLayoutIcons css-um1qd1-euiFormControlLayoutIcons-absolute-right"
                >
                  <span
                    aria-label="Loading"
                    class="euiLoadingSpinner css-j6aezo-euiLoadingSpinner-m"
                    role="progressbar"
                  />
                  <button
                    aria-label="Close list of options"
                    class="euiFormControlLayoutCustomIcon css-8ord58-euiFormControlLayoutCustomIcon-clickable"
                    data-test-subj="comboBoxToggleListButton"
                    tabindex="-1"
                    type="button"
                  >
                    <span
                      aria-hidden="true"
                      class="euiFormControlLayoutCustomIcon__icon"
                      data-euiicon-type="chevronSingleDown"
                    />
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <button
      type="button"
    >
      Submit
    </button>
  </div>
  <div
    data-euiportal="true"
  >
    <div
      data-eui="EuiFocusTrap"
    >
      <div
        aria-live="off"
        aria-modal="true"
        class="euiPanel euiPanel--plain euiPanel--paddingSmall euiPopover__panel css-lhtavd-euiPanel-grow-m-s-plain-euiPopover__panel-light-isOpen-isAttached-bottom"
        data-popover-open="true"
        data-popover-panel="true"
        id="euiPopover_generated-id_panelId"
        role="dialog"
        style="top: 2px; left: 0px; z-index: 2000; inline-size: 0px;"
      >
        <div>
          <div
            data-eui="EuiFocusTrap"
          >
            <div
              class="euiComboBoxOptionsList css-1wrqzm6-euiComboBoxOptionList-render"
              data-test-subj="comboBoxOptionsList template-user-picker-assignee-optionsList"
            >
              <div
                class="euiText euiComboBoxOptionsList__empty css-1w02hp7-euiText-xs-euiComboBoxOptionsList__empty"
              >
                <div
                  class="euiFlexGroup css-1r06cjc-euiFlexGroup-s-center-stretch-row"
                >
                  <div
                    class="euiFlexItem css-kpsrin-euiFlexItem-growZero"
                  >
                    <span
                      aria-label="Loading"
                      class="euiLoadingSpinner css-j6aezo-euiLoadingSpinner-m"
                      role="progressbar"
                    />
                  </div>
                  <div
                    class="euiFlexItem css-kpsrin-euiFlexItem-growZero"
                  >
                    Loading options
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
    at waitForWrapper (/opt/buildkite-agent/builds/bk-agent-prod-gcp-1784908571745776535/elastic/kibana-on-merge/kibana/node_modules/@testing-library/dom/dist/wait-for.js:163:27)
    at /opt/buildkite-agent/builds/bk-agent-prod-gcp-1784908571745776535/elastic/kibana-on-merge/kibana/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
    at Object.findByText (/opt/buildkite-agent/builds/bk-agent-prod-gcp-1784908571745776535/elastic/kibana-on-merge/kibana/x-pack/platform/plugins/shared/cases/public/components/templates_v2/field_types/controls/user_picker/user_picker.test.tsx:196:42)
    at runNextTicks (node:internal/process/task_queues:65:5)
    at listOnTimeout (node:internal/timers:567:9)
    at processTimers (node:internal/timers:541:7)

First failure: kibana-on-merge - main

Metadata

Metadata

Assignees

No one assigned

    Labels

    Team:CasesSecurity Solution Cases teamfailed-testA test failure on a tracked branch, potentially flaky-test

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions