Skip to content

Lokalise: updates

Lokalise: updates #987

GitHub Actions / Jest Unit Test Results failed Jul 9, 2024 in 0s

16 fail, 338 pass in 3m 36s

    1 files  ±0  115 suites  ±0   3m 36s ⏱️ -5s
354 tests ±0  338 ✔️ ±0  0 💤 ±0  16 ±0 
359 runs  ±0  343 ✔️ ±0  0 💤 ±0  16 ±0 

Results for commit 790d26d. ± Comparison against earlier commit 89e836a.

Annotations

Check warning on line 0 in InvoiceLineForm component should render correct structure

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

InvoiceLineForm component should render correct structure (InvoiceLineForm component should render correct structure) failed

artifacts/jest-junit/junit.xml
Raw output
Error: expect(received).toMatchSnapshot()

Snapshot name: `InvoiceLineForm component should render correct structure 1`

- Snapshot  - 32
+ Received  + 17

@@ -141,11 +141,11 @@
                          </h3>
                        </div>
                      </div>
                      <div
                        class="content-wrap expanded"
-                       style="z-index: 4;"
+                       style="z-index: 0;"
                      >
                        <div
                          aria-labelledby="accordion-toggle-button-invoiceLineForm-information"
                          class="content-region expanded"
                          data-test-accordion-wrapper="true"
@@ -701,33 +701,25 @@
                            </div>
                            <div
                              class="col-xs-3"
                              data-test-col-invoice-line-accounting-code="true"
                            >
-                             <div
-                               style="position: relative; width: 100%;"
-                             >
-                               <div
-                                 aria-live="assertive"
-                                 aria-relevant="additions"
-                                 class="sr-only"
-                               />
+                             <div>
                                <label
                                  class="label"
-                                 for="invoice-line-account-number"
+                                 for="downshift-:r1:-input"
                                  id="sl-label-invoice-line-account-number"
                                >
                                  ui-invoice.invoiceLine.accountNumber
                                </label>
                                <div
                                  class="selectionControlContainer"
                                >
                                  <button
+                                   aria-controls="downshift-:r1:-menu"
                                    aria-expanded="false"
-                                   aria-haspopup="listbox"
                                    aria-labelledby="sl-label-invoice-line-account-number selected-invoice-line-account-number-item"
-                                   aria-owns="sl-invoice-line-account-number"
                                    class="selectionControl formControl"
                                    id="invoice-line-account-number"
                                    name="accountNumber"
                                    type="button"
                                  >
@@ -750,68 +742,62 @@
                                      <span>
                                        Icon
                                      </span>
                                    </div>
                                  </div>
-                               </div>
                                  <div
                                    role="alert"
                                  />
                                </div>
                                <div
                                  class="overlay"
                                  hidden=""
                                >
                                  <div
-                                 class="selectionListRoot sr-only"
-                                 hidden=""
+                                   class="selectionListRoot"
                                    id="sl-container-invoice-line-account-number"
+                                   style="width: 0px;"
                                  >
                                    <div
                                      class="selectionFilterContainer"
                                    >
                                      <input
-                                     aria-activedescendant="option-invoice-line-account-number-0-null"
-                                     aria-controls="sl-container-invoice-line-account-number"
-                                     aria-expanded="true"
+                                       aria-activedescendant=""
+                                       aria-autocomplete="list"
+                                       aria-controls="downshift-:r1:-menu"
+                                       aria-expanded="false"
                                        aria-label="stripes-components.selection.filterOptionsLabel"
-                                     aria-owns="sl-invoice-line-account-number"
+                                       aria-labelledby="downshift-:r1:-label"
+                                       autocomplete="off"
                                        class="selectionFilter"
+                                       id="downshift-:r1:-input"
                                        placeholder="stripes-components.selection.filterOptionsPlaceholder"
                                        role="combobox"
                                        type="text"
                                        value=""
                                      />
                                    </div>
                                    <ul
-                                   aria-label="stripes-components.selection.filterOptionsLabel"
+                                     aria-labelledby="sl-label-invoice-line-account-number"
                                      class="selectionList"
-                                   id="sl-invoice-line-account-number"
+                                     id="downshift-:r1:-menu"
                                      role="listbox"
                                      style="max-height: 174px;"
                                    >
                                      <li
-                                     aria-selected="false"
-                                     class="option optionOutside cursor"
-                                     id="option-invoice-line-account-number-0-null"
-                                     role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
+                                       class="groupLabel"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        />
                                      </li>
                                    </ul>
-                                 <div
-                                   class="selectListSection"
-                                   role="alert"
-                                 />
                                  </div>
                                </div>
                              </div>
+                           </div>
                            <div
                              class="col-xs-3"
                              data-test-col-invoice-line-quantity="true"
                            >
                              <div
@@ -1115,11 +1101,10 @@
                  data-test-pane-footer-end="true"
                >
                  <button
                    class="button primary mega"
                    data-test-save-button="true"
-                   disabled=""
                    id="clickable-save"
                    type="submit"
                  >
                    <span
                      class="inner"
    at Object.toMatchSnapshot (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceLineForm/InvoiceLineForm.test.js:74:26)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in ExportSettingsModal actions selected fields should select an option item if it was clicked

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

ExportSettingsModal actions selected fields should select an option item if it was clicked (ExportSettingsModal actions selected fields should select an option item if it was clicked) failed

artifacts/jest-junit/junit.xml
Raw output
Error: Unable to find role="textbox"

Ignored nodes: comments, script, style
<body
  style="padding-right: 0px;"
>
  <div
    aria-hidden="true"
  >
    <div />
  </div>
  <div
    class="backdrop"
  />
  <div
    aria-label="ui-invoice.exportSettings.label"
    aria-modal="true"
    class="modalRoot entered"
    role="dialog"
    tabindex="-1"
  >
    <div
      aria-label="ui-invoice.exportSettings.label"
      class="modal medium"
      label="ui-invoice.exportSettings.label"
      role="document"
    >
      <div
        class="modalHeader"
      >
        <h1
          class="headline size-small margin-none font-weight-bold modalLabel"
          data-test-headline="true"
          id="modal2-label"
        >
          ui-invoice.exportSettings.label
        </h1>
        <div
          class="modalControls"
        />
      </div>
      <div
        class="modalContent"
      >
        <p>
          ui-invoice.exportSettings.message
        </p>
        <label
          class="label"
        >
          ui-invoice.exportSettings.invoiceFieldsLabel
        </label>
        <div
          class="display-flex flex-align-items-start"
          data-test-layout="true"
        >
          <div
            class="padding-end-gutter"
            data-test-layout="true"
          >
            <fieldset
              class="groupRoot"
            >
              <legend
                class="groupLabel"
              />
              <div
                class="radioButton noLabel"
              >
                <div
                  class="labelInputContainer noInteractionLabel"
                >
                  <input
                    aria-label="ui-invoice.exportSettings.invoice.all"
                    checked=""
                    class="inputHidden"
                    id="radio-button-3"
                    name="invoiceExport"
                    type="radio"
                    value=""
                  />
                  <span
                    class="pseudoButton"
                  />
                  <label
                    class="label radioLabel labelInteractionStyles"
                    for="radio-button-3"
                  >
                    <span
                      class="labelText"
                    />
                  </label>
                </div>
                <div
                  role="alert"
                  style="display: block;"
                />
              </div>
              <div
                class="radioButton noLabel"
              >
                <div
                  class="labelInputContainer radioFocused noInteractionLabel"
                >
                  <input
                    aria-label="ui-invoice.exportSettings.invoice.selected"
                    class="inputHidden"
                    id="selected-invoice-fields"
                    name="invoiceExport"
                    type="radio"
                    value=""
                  />
                  <span
                    class="pseudoButton"
                  />
                  <label
                    class="label radioLabel labelInteractionStyles"
                    for="selected-invoice-fields"
                  >
                    <span
                      class="labelText"
                    />
                  </label>
                </div>
                <div
                  role="alert"
                  style="display: block;"
                />
              </div>
              <div
                role="alert"
              />
            </fieldset>
          </div>
          <div
            data-test-layout="true"
          >
            <label
              class="label"
            >
              ui-invoice.exportSettings.all
            </label>
            <div
              aria-expanded="false"
              class="multiSelectContainer"
              id="multiselect-:r4:"
              role="application"
            >
              <div
                aria-live="assertive"
                aria-relevant="additions"
                class="sr-only"
              />
              <span
                class="sr-only"
                id="multi-value-status-multiselect-:r4:"
              >
                0 items selected
              </span>
              <span
                class="sr-only"
                id="multi-describe-control-multiselect-:r4:"
              >
                stripes-components.multiSelection.controlDescription
              </span>
              <div
                class="multiSelectControlWrapper"
              >
                <div
                  aria-describedby="multi-describe-control-multiselect-:r4:"
              ...
    at waitForWrapper (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/wait-for.js:163:27)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
    at Object.findAllByRole (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoicesList/ExportSettingsModal/ExportSettingsModal.test.js:49:36)

Check warning on line 0 in AdjustmentsForm should render correct structure with defined adjustments

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

AdjustmentsForm should render correct structure with defined adjustments (AdjustmentsForm should render correct structure with defined adjustments) failed

artifacts/jest-junit/junit.xml
Raw output
Error: expect(received).toMatchSnapshot()

Snapshot name: `AdjustmentsForm should render correct structure with defined adjustments 1`

- Snapshot  - 46
+ Received  + 31

@@ -4,46 +4,37 @@
        class="row"
      >
        <div
          class="col-xs-12"
        >
-         <div
-           style="position: relative; width: 100%;"
-         >
-           <div
-             aria-live="assertive"
-             aria-relevant="additions"
-             class="sr-only"
-           />
+         <div>
            <label
              class="label"
-             for="stripes-selection-1"
-             id="sl-label-stripes-selection-1"
+             for="downshift-:r1:-input"
+             id="sl-label-selection-:r0:"
            >
              ui-invoice.adjustment.presetAdjustment
            </label>
            <div
              class="selectionControlContainer"
            >
              <button
-               aria-disabled="false"
+               aria-controls="downshift-:r1:-menu"
                aria-expanded="false"
-               aria-haspopup="listbox"
-               aria-labelledby="sl-label-stripes-selection-1 selected-stripes-selection-1-item"
-               aria-owns="sl-undefined"
+               aria-labelledby="sl-label-selection-:r0: selected-selection-:r0:-item"
                class="selectionControl formControl"
-               id="stripes-selection-1"
+               id="selection-:r0:"
                type="button"
              >
                <span
                  class="sr-only"
                >
                  stripes-components.selection.controlLabel
                </span>
                <div
                  class="singleValue"
-                 id="selected-stripes-selection-1-item"
+                 id="selected-selection-:r0:-item"
                />
              </button>
              <div
                class="selectionEndControls"
              >
@@ -51,11 +42,10 @@
                  class="textFieldIcon"
                >
                  <span>
                    Icon
                  </span>
-               </div>
                </div>
              </div>
              <div
                role="alert"
              />
@@ -63,55 +53,50 @@
            <div
              class="overlay"
              hidden=""
            >
              <div
-             class="selectionListRoot sr-only"
-             hidden=""
-             id="sl-container-stripes-selection-1"
+               class="selectionListRoot"
+               id="sl-container-selection-:r0:"
+               style="width: 0px;"
              >
                <div
                  class="selectionFilterContainer"
                >
                  <input
-                 aria-activedescendant="option-stripes-selection-1-0-"
-                 aria-controls="sl-container-stripes-selection-1"
-                 aria-expanded="true"
+                   aria-activedescendant=""
+                   aria-autocomplete="list"
+                   aria-controls="downshift-:r1:-menu"
+                   aria-expanded="false"
                    aria-label="stripes-components.selection.filterOptionsLabel"
-                 aria-owns="sl-stripes-selection-1"
+                   aria-labelledby="downshift-:r1:-label"
+                   autocomplete="off"
                    class="selectionFilter"
+                   id="downshift-:r1:-input"
                    placeholder="stripes-components.selection.filterOptionsPlaceholder"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
                <ul
-               aria-label="stripes-components.selection.filterOptionsLabel"
+                 aria-labelledby="sl-label-selection-:r0:"
                  class="selectionList"
-               id="sl-stripes-selection-1"
+                 id="downshift-:r1:-menu"
                  role="listbox"
                  style="max-height: 174px;"
                >
                  <li
-                 aria-selected="false"
-                 class="option optionOutside cursor"
-                 id="option-stripes-selection-1-0-"
-                 role="option"
-                 tabindex="-1"
-                 unselectable="on"
+                   class="groupLabel"
                  >
                    <div
                      class="optionSegment"
                      data-test-selection-option-segment="true"
                    />
                  </li>
                </ul>
-             <div
-               class="selectListSection"
-               role="alert"
-             />
+             </div>
            </div>
          </div>
        </div>
        <div
          class="col-xs-12"
@@ -310,12 +295,12 @@
                          <div
                            class="select inputGroup fullWidth"
                          >
                            <label
                              class="label"
-                             for="select-2"
-                             id="select-2-label"
+                             for="select-1"
+                             id="select-1-label"
                            >
                              ui-invoice.settings.adjustments.prorate
                              <span
                                aria-hidden="true"
                                class="asterisk"
@@ -326,14 +311,14 @@
                            <div
                              class="selectWrap"
                            >
                              <select
                                aria-invalid="false"
-                               aria-labelledby="select-2-label"
+                               aria-labelledby="select-1-label"
                                aria-required="true"
                                class="selectControl formControl"
-                               id="select-2"
+                               id="select-1"
                                name="adjustments[0].prorate"
                                required=""
                              >
                                <option
                                  value=""
@@ -377,12 +362,12 @@
                          <div
                            class="select inputGroup fullWidth"
                          >
                            <label
                              class="label"
-                             for="select-3"
-                             id="select-3-label"
+                             for="select-2"
+                             id="select-2-label"
                            >
                              ui-invoice.settings.adjustments.relationToTotal
                              <span
                                aria-hidden="true"
                                class="asterisk"
@@ -393,14 +378,14 @@
                            <div
                              class="selectWrap"
                            >
                              <select
                                aria-invalid="false"
-                               aria-labelledby="select-3-label"
+                               aria-labelledby="select-2-label"
                                aria-required="true"
                                class="selectControl formControl"
-                               id="select-3"
+                               id="select-2"
                                name="adjustments[0].relationToTotal"
                                required=""
                              >
                                <option
                                  value=""
@@ -440,11 +425,11 @@
                            class="checkbox inline vertical"
                            data-test-checkbox="true"
                          >
                            <label
                              class="label label checkboxInteractionStylesControl"
-                             for="checkbox-4"
+                             for="checkbox-3"
                            >
                              <span
                                class="labelText"
                              >
                                ui-invoice.settings.adjustments.exportToAccounting
@@ -453,11 +438,11 @@
                                class="inner checkboxInteractionStyles"
                              >
                                <input
                                  aria-invalid="false"
                                  class="input"
-                                 id="checkbox-4"
+                                 id="checkbox-3"
                                  name="adjustments[0].exportToAccounting"
                                  type="checkbox"
                                  value=""
                                />
                                <span
    at Object.toMatchSnapshot (/home/runner/work/ui-invoice/ui-invoice/src/invoices/AdjustmentsForm/AdjustmentsForm.test.js:52:26)

Check warning on line 0 in AdjustmentsForm should render correct structure without adjustments

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

AdjustmentsForm should render correct structure without adjustments (AdjustmentsForm should render correct structure without adjustments) failed

artifacts/jest-junit/junit.xml
Raw output
Error: expect(received).toMatchSnapshot()

Snapshot name: `AdjustmentsForm should render correct structure without adjustments 1`

- Snapshot  - 36
+ Received  + 20

@@ -4,46 +4,37 @@
        class="row"
      >
        <div
          class="col-xs-12"
        >
-         <div
-           style="position: relative; width: 100%;"
-         >
-           <div
-             aria-live="assertive"
-             aria-relevant="additions"
-             class="sr-only"
-           />
+         <div>
            <label
              class="label"
-             for="stripes-selection-7"
-             id="sl-label-stripes-selection-7"
+             for="downshift-:r3:-input"
+             id="sl-label-selection-:r2:"
            >
              ui-invoice.adjustment.presetAdjustment
            </label>
            <div
              class="selectionControlContainer"
            >
              <button
-               aria-disabled="false"
+               aria-controls="downshift-:r3:-menu"
                aria-expanded="false"
-               aria-haspopup="listbox"
-               aria-labelledby="sl-label-stripes-selection-7 selected-stripes-selection-7-item"
-               aria-owns="sl-undefined"
+               aria-labelledby="sl-label-selection-:r2: selected-selection-:r2:-item"
                class="selectionControl formControl"
-               id="stripes-selection-7"
+               id="selection-:r2:"
                type="button"
              >
                <span
                  class="sr-only"
                >
                  stripes-components.selection.controlLabel
                </span>
                <div
                  class="singleValue"
-                 id="selected-stripes-selection-7-item"
+                 id="selected-selection-:r2:-item"
                />
              </button>
              <div
                class="selectionEndControls"
              >
@@ -53,65 +44,58 @@
                  <span>
                    Icon
                  </span>
                </div>
              </div>
-           </div>
              <div
                role="alert"
              />
            </div>
            <div
              class="overlay"
              hidden=""
            >
              <div
-             class="selectionListRoot sr-only"
-             hidden=""
-             id="sl-container-stripes-selection-7"
+               class="selectionListRoot"
+               id="sl-container-selection-:r2:"
              >
                <div
                  class="selectionFilterContainer"
                >
                  <input
-                 aria-activedescendant="option-stripes-selection-7-0-"
-                 aria-controls="sl-container-stripes-selection-7"
-                 aria-expanded="true"
+                   aria-activedescendant=""
+                   aria-autocomplete="list"
+                   aria-controls="downshift-:r3:-menu"
+                   aria-expanded="false"
                    aria-label="stripes-components.selection.filterOptionsLabel"
-                 aria-owns="sl-stripes-selection-7"
+                   aria-labelledby="downshift-:r3:-label"
+                   autocomplete="off"
                    class="selectionFilter"
+                   id="downshift-:r3:-input"
                    placeholder="stripes-components.selection.filterOptionsPlaceholder"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
                <ul
-               aria-label="stripes-components.selection.filterOptionsLabel"
+                 aria-labelledby="sl-label-selection-:r2:"
                  class="selectionList"
-               id="sl-stripes-selection-7"
+                 id="downshift-:r3:-menu"
                  role="listbox"
                  style="max-height: 174px;"
                >
                  <li
-                 aria-selected="false"
-                 class="option optionOutside cursor"
-                 id="option-stripes-selection-7-0-"
-                 role="option"
-                 tabindex="-1"
-                 unselectable="on"
+                   class="groupLabel"
                  >
                    <div
                      class="optionSegment"
                      data-test-selection-option-segment="true"
                    />
                  </li>
                </ul>
-             <div
-               class="selectListSection"
-               role="alert"
-             />
+             </div>
            </div>
          </div>
        </div>
        <div
          class="col-xs-12"
    at Object.toMatchSnapshot (/home/runner/work/ui-invoice/ui-invoice/src/invoices/AdjustmentsForm/AdjustmentsForm.test.js:58:26)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in Information component should display invoice information

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

Information component should display invoice information (Information component should display invoice information) failed

artifacts/jest-junit/junit.xml
Raw output
Error: No QueryClient set, use QueryClientProvider to set one
    at useQueryClient (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/QueryClientProvider.js:36:11)
    at useBaseQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useBaseQuery.js:24:61)
    at useQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useQuery.js:14:41)
    at useAcquisitionUnits (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/hooks/useAcquisitionUnits/useAcquisitionUnits.js:32:15)
    at AcqUnitsViewContainer (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/AcqUnits/AcqUnitsView/AcqUnitsViewContainer.js:12:52)
    at renderWithHooks (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
    at performConcurrentWorkOnRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25789:22)
    at flushActQueue (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2667:24)
    at act (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2582:11)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/act-compat.js:47:25
    at renderRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:180:26)
    at render (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:271:10)
    at renderInformation (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceDetails/Information/Information.test.js:31:14)
    at Object.renderInformation (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceDetails/Information/Information.test.js:46:27)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in Information component should not display lock total amount

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

Information component should not display lock total amount (Information component should not display lock total amount) failed

artifacts/jest-junit/junit.xml
Raw output
Error: No QueryClient set, use QueryClientProvider to set one
    at useQueryClient (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/QueryClientProvider.js:36:11)
    at useBaseQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useBaseQuery.js:24:61)
    at useQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useQuery.js:14:41)
    at useAcquisitionUnits (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/hooks/useAcquisitionUnits/useAcquisitionUnits.js:32:15)
    at AcqUnitsViewContainer (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/AcqUnits/AcqUnitsView/AcqUnitsViewContainer.js:12:52)
    at renderWithHooks (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
    at performConcurrentWorkOnRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25789:22)
    at flushActQueue (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2667:24)
    at act (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2582:11)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/act-compat.js:47:25
    at renderRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:180:26)
    at render (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:271:10)
    at renderInformation (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceDetails/Information/Information.test.js:31:14)
    at Object.renderInformation (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceDetails/Information/Information.test.js:55:31)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in Information component should display lock total amount

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

Information component should display lock total amount (Information component should display lock total amount) failed

artifacts/jest-junit/junit.xml
Raw output
Error: No QueryClient set, use QueryClientProvider to set one
    at useQueryClient (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/QueryClientProvider.js:36:11)
    at useBaseQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useBaseQuery.js:24:61)
    at useQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useQuery.js:14:41)
    at useAcquisitionUnits (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/hooks/useAcquisitionUnits/useAcquisitionUnits.js:32:15)
    at AcqUnitsViewContainer (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/AcqUnits/AcqUnitsView/AcqUnitsViewContainer.js:12:52)
    at renderWithHooks (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
    at performConcurrentWorkOnRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25789:22)
    at flushActQueue (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2667:24)
    at act (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2582:11)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/act-compat.js:47:25
    at renderRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:180:26)
    at render (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:271:10)
    at renderInformation (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceDetails/Information/Information.test.js:31:14)
    at Object.renderInformation (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceDetails/Information/Information.test.js:61:27)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in InvoiceForm component should render correct structure

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

InvoiceForm component should render correct structure (InvoiceForm component should render correct structure) failed

artifacts/jest-junit/junit.xml
Raw output
Error: expect(received).toMatchSnapshot()

Snapshot name: `InvoiceForm component should render correct structure 1`

- Snapshot  - 227
+ Received  + 124

@@ -239,34 +239,25 @@
                              </div>
                            </div>
                            <div
                              class="col-xs-3"
                            >
-                             <div
-                               style="position: relative; width: 100%;"
-                             >
-                               <div
-                                 aria-live="assertive"
-                                 aria-relevant="additions"
-                                 class="sr-only"
-                               />
+                             <div>
                                <label
                                  class="label"
-                                 for="invoice-fiscal-year"
+                                 for="downshift-:r1:-input"
                                  id="sl-label-invoice-fiscal-year"
                                >
                                  ui-invoice.invoice.details.information.fiscalYear
                                </label>
                                <div
                                  class="selectionControlContainer"
                                >
                                  <button
-                                   aria-disabled="false"
+                                   aria-controls="downshift-:r1:-menu"
                                    aria-expanded="false"
-                                   aria-haspopup="listbox"
                                    aria-labelledby="sl-label-invoice-fiscal-year selected-invoice-fiscal-year-item"
-                                   aria-owns="sl-invoice-fiscal-year"
                                    class="selectionControl formControl"
                                    id="invoice-fiscal-year"
                                    name="fiscalYearId"
                                    type="button"
                                  >
@@ -287,11 +278,10 @@
                                      class="textFieldIcon"
                                    >
                                      <span>
                                        Icon
                                      </span>
-                                   </div>
                                    </div>
                                  </div>
                                  <div
                                    role="alert"
                                  />
@@ -299,113 +289,92 @@
                                <div
                                  class="overlay"
                                  hidden=""
                                >
                                  <div
-                                 class="selectionListRoot sr-only"
-                                 hidden=""
+                                   class="selectionListRoot"
                                    id="sl-container-invoice-fiscal-year"
+                                   style="width: 0px;"
                                  >
                                    <div
                                      class="selectionFilterContainer"
                                    >
                                      <input
-                                     aria-activedescendant="option-invoice-fiscal-year-0-null"
-                                     aria-controls="sl-container-invoice-fiscal-year"
-                                     aria-expanded="true"
+                                       aria-activedescendant=""
+                                       aria-autocomplete="list"
+                                       aria-controls="downshift-:r1:-menu"
+                                       aria-expanded="false"
                                        aria-label="stripes-components.selection.filterOptionsLabel"
-                                     aria-owns="sl-invoice-fiscal-year"
+                                       aria-labelledby="downshift-:r1:-label"
+                                       autocomplete="off"
                                        class="selectionFilter"
+                                       id="downshift-:r1:-input"
                                        placeholder="stripes-components.selection.filterOptionsPlaceholder"
                                        role="combobox"
                                        type="text"
                                        value=""
                                      />
                                    </div>
                                    <ul
-                                   aria-label="stripes-components.selection.filterOptionsLabel"
+                                     aria-labelledby="sl-label-invoice-fiscal-year"
                                      class="selectionList"
-                                   id="sl-invoice-fiscal-year"
+                                     id="downshift-:r1:-menu"
                                      role="listbox"
                                      style="max-height: 174px;"
                                    >
                                      <li
-                                     aria-selected="false"
-                                     class="option optionOutside cursor"
-                                     id="option-invoice-fiscal-year-0-null"
-                                     role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
+                                       class="groupLabel"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        />
                                      </li>
                                      <li
                                        aria-selected="false"
-                                     class="option optionOutside"
-                                     id="option-invoice-fiscal-year-1-fyId"
+                                       class="option"
+                                       id="downshift-:r1:-item-0"
                                        role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        >
                                          FY2023
                                        </div>
                                      </li>
                                    </ul>
-                                 <div
-                                   class="selectListSection"
-                                   role="alert"
-                                 />
+                                 </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="col-xs-3"
                              data-test-col-status="true"
                            >
-                             <div
-                               style="position: relative; width: 100%;"
-                             >
-                               <div
-                                 aria-live="assertive"
-                                 aria-relevant="additions"
-                                 class="sr-only"
-                               />
+                             <div>
                                <label
                                  class="label"
-                                 for="invoice-status"
+                                 for="downshift-:r3:-input"
                                  id="sl-label-invoice-status"
                                >
                                  ui-invoice.invoice.details.information.status
                                  <span
                                    aria-hidden="true"
                                    class="asterisk"
                                  >
                                    *
                                  </span>
                                </label>
-                               <span
-                                 class="sr-only"
-                                 id="sl-invoice-status-required"
-                               >
-                                 required
-                               </span>
                                <div
                                  class="selectionControlContainer"
                                >
                                  <button
+                                   aria-controls="downshift-:r3:-menu"
                                    aria-expanded="false"
-                                   aria-haspopup="listbox"
-                                   aria-labelledby="sl-label-invoice-status selected-invoice-status-item sl-invoice-status-required"
-                                   aria-owns="sl-invoice-status"
-                                   class="selectionControl formControl"
+                                   aria-labelledby="sl-label-invoice-status selected-invoice-status-item"
+                                   class="isChanged selectionControl formControl"
                                    id="invoice-status"
                                    name="status"
                                    type="button"
                                  >
                                    <span
@@ -427,85 +396,80 @@
                                      <span>
                                        Icon
                                      </span>
                                    </div>
                                  </div>
-                               </div>
                                  <div
                                    role="alert"
                                  />
                                </div>
                                <div
                                  class="overlay"
                                  hidden=""
                                >
                                  <div
-                                 class="selectionListRoot sr-only"
-                                 hidden=""
+                                   class="selectionListRoot"
                                    id="sl-container-invoice-status"
+                                   style="width: 0px;"
                                  >
                                    <div
                                      class="selectionFilterContainer"
                                    >
                                      <input
-                                     aria-activedescendant="option-invoice-status-0-Open"
-                                     aria-controls="sl-container-invoice-status"
-                                     aria-expanded="true"
+                                       aria-activedescendant=""
+                                       aria-autocomplete="list"
+                                       aria-controls="downshift-:r3:-menu"
+                                       aria-expanded="false"
                                        aria-label="stripes-components.selection.filterOptionsLabel"
-                                     aria-owns="sl-invoice-status"
+                                       aria-labelledby="downshift-:r3:-label"
+                                       autocomplete="off"
                                        class="selectionFilter"
+                                       id="downshift-:r3:-input"
                                        placeholder="stripes-components.selection.filterOptionsPlaceholder"
                                        role="combobox"
                                        type="text"
                                        value=""
                                      />
                                    </div>
                                    <ul
-                                   aria-label="stripes-components.selection.filterOptionsLabel"
+                                     aria-labelledby="sl-label-invoice-status"
                                      class="selectionList"
-                                   id="sl-invoice-status"
+                                     id="downshift-:r3:-menu"
                                      role="listbox"
                                      style="max-height: 174px;"
                                    >
                                      <li
                                        aria-selected="false"
-                                     class="option optionOutside cursor"
-                                     id="option-invoice-status-0-Open"
+                                       class="option"
+                                       id="downshift-:r3:-item-0"
                                        role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        >
                                          ui-invoice.invoice.status.open
                                        </div>
                                      </li>
                                      <li
                                        aria-selected="false"
-                                     class="option optionOutside"
-                                     id="option-invoice-status-1-Reviewed"
+                                       class="option"
+                                       id="downshift-:r3:-item-1"
                                        role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        >
                                          ui-invoice.invoice.status.reviewed
                                        </div>
                                      </li>
                                    </ul>
-                                 <div
-                                   class="selectListSection"
-                                   role="alert"
-                                 />
                                  </div>
                                </div>
                              </div>
+                           </div>
                            <div
                              class="col-xs-3"
                              data-test-col-payment-due="true"
                            >
                              <div
@@ -675,47 +639,39 @@
                            class="row"
                          >
                            <div
                              class="col-xs-3"
                              data-test-col-bill-to-name="true"
-                           >
-                             <div
-                               style="position: relative; width: 100%;"
                            >
-                               <div
-                                 aria-live="assertive"
-                                 aria-relevant="additions"
-                                 class="sr-only"
-                               />
+                             <div>
                                <label
                                  class="label"
-                                 for="stripes-selection-10"
-                                 id="sl-label-stripes-selection-10"
+                                 for="downshift-:r5:-input"
+                                 id="sl-label-selection-:r4:"
                                >
                                  ui-invoice.invoice.billTo
                                </label>
                                <div
                                  class="selectionControlContainer"
                                >
                                  <button
+                                   aria-controls="downshift-:r5:-menu"
                                    aria-expanded="false"
-                                   aria-haspopup="listbox"
-                                   aria-labelledby="sl-label-stripes-selection-10 selected-stripes-selection-10-item"
-                                   aria-owns="sl-undefined"
+                                   aria-labelledby="sl-label-selection-:r4: selected-selection-:r4:-item"
                                    class="selectionControl formControl"
-                                   id="stripes-selection-10"
+                                   id="selection-:r4:"
                                    name="billTo"
                                    type="button"
                                  >
                                    <span
                                      class="sr-only"
                                    >
                                      stripes-components.selection.controlLabel
                                    </span>
                                    <div
                                      class="singleValue"
-                                     id="selected-stripes-selection-10-item"
+                                     id="selected-selection-:r4:-item"
                                    />
                                  </button>
                                  <div
                                    class="selectionEndControls"
                                  >
@@ -723,11 +679,10 @@
                                      class="textFieldIcon"
                                    >
                                      <span>
                                        Icon
                                      </span>
-                                   </div>
                                    </div>
                                  </div>
                                  <div
                                    role="alert"
                                  />
@@ -735,55 +690,50 @@
                                <div
                                  class="overlay"
                                  hidden=""
                                >
                                  <div
-                                 class="selectionListRoot sr-only"
-                                 hidden=""
-                                 id="sl-container-stripes-selection-10"
+                                   class="selectionListRoot"
+                                   id="sl-container-selection-:r4:"
+                                   style="width: 0px;"
                                  >
                                    <div
                                      class="selectionFilterContainer"
                                    >
                                      <input
-                                     aria-activedescendant="option-stripes-selection-10-0-null"
-                                     aria-controls="sl-container-stripes-selection-10"
-                                     aria-expanded="true"
+                                       aria-activedescendant=""
+                                       aria-autocomplete="list"
+                                       aria-controls="downshift-:r5:-menu"
+                                       aria-expanded="false"
                                        aria-label="stripes-components.selection.filterOptionsLabel"
-                                     aria-owns="sl-stripes-selection-10"
+                                       aria-labelledby="downshift-:r5:-label"
+                                       autocomplete="off"
                                        class="selectionFilter"
+                                       id="downshift-:r5:-input"
                                        placeholder="stripes-components.selection.filterOptionsPlaceholder"
                                        role="combobox"
                                        type="text"
                                        value=""
                                      />
                                    </div>
                                    <ul
-                                   aria-label="stripes-components.selection.filterOptionsLabel"
+                                     aria-labelledby="sl-label-selection-:r4:"
                                      class="selectionList"
-                                   id="sl-stripes-selection-10"
+                                     id="downshift-:r5:-menu"
                                      role="listbox"
                                      style="max-height: 174px;"
                                    >
                                      <li
-                                     aria-selected="false"
-                                     class="option optionOutside cursor"
-                                     id="option-stripes-selection-10-0-null"
-                                     role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
+                                       class="groupLabel"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        />
                                      </li>
                                    </ul>
-                                 <div
-                                   class="selectListSection"
-                                   role="alert"
-                                 />
+                                 </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="col-xs-3 addressWrapper"
@@ -807,47 +757,33 @@
                              </div>
                            </div>
                            <div
                              class="col-xs-3"
                              data-test-col-batch-group="true"
-                           >
-                             <div
-                               style="position: relative; width: 100%;"
                            >
-                               <div
-                                 aria-live="assertive"
-                                 aria-relevant="additions"
-                                 class="sr-only"
-                               />
+                             <div>
                                <label
                                  class="label"
-                                 for="invoice-batch-groups"
+                                 for="downshift-:r7:-input"
                                  id="sl-label-invoice-batch-groups"
                                >
                                  ui-invoice.invoice.details.information.batchGroup
                                  <span
                                    aria-hidden="true"
                                    class="asterisk"
                                  >
                                    *
                                  </span>
                                </label>
-                               <span
-                                 class="sr-only"
-                                 id="sl-invoice-batch-groups-required"
-                               >
-                                 required
-                               </span>
                                <div
                                  class="selectionControlContainer"
                                >
                                  <button
+                                   aria-controls="downshift-:r7:-menu"
                                    aria-expanded="false"
-                                   aria-haspopup="listbox"
-                                   aria-labelledby="sl-label-invoice-batch-groups selected-invoice-batch-groups-item sl-invoice-batch-groups-required"
-                                   aria-owns="sl-invoice-batch-groups"
-                                   class="selectionControl formControl"
+                                   aria-labelledby="sl-label-invoice-batch-groups selected-invoice-batch-groups-item"
+                                   class="isChanged selectionControl formControl"
                                    id="invoice-batch-groups"
                                    name="batchGroupId"
                                    type="button"
                                  >
                                    <span
@@ -867,11 +803,10 @@
                                      class="textFieldIcon"
                                    >
                                      <span>
                                        Icon
                                      </span>
-                                   </div>
                                    </div>
                                  </div>
                                  <div
                                    role="alert"
                                  />
@@ -879,54 +814,50 @@
                                <div
                                  class="overlay"
                                  hidden=""
                                >
                                  <div
-                                 class="selectionListRoot sr-only"
-                                 hidden=""
+                                   class="selectionListRoot"
                                    id="sl-container-invoice-batch-groups"
+                                   style="width: 0px;"
                                  >
                                    <div
                                      class="selectionFilterContainer"
                                    >
                                      <input
                                        aria-activedescendant=""
-                                     aria-controls="sl-container-invoice-batch-groups"
-                                     aria-expanded="true"
+                                       aria-autocomplete="list"
+                                       aria-controls="downshift-:r7:-menu"
+                                       aria-expanded="false"
                                        aria-label="stripes-components.selection.filterOptionsLabel"
-                                     aria-owns="sl-invoice-batch-groups"
+                                       aria-labelledby="downshift-:r7:-label"
+                                       autocomplete="off"
                                        class="selectionFilter"
+                                       id="downshift-:r7:-input"
                                        placeholder="stripes-components.selection.filterOptionsPlaceholder"
                                        role="combobox"
                                        type="text"
                                        value=""
                                      />
                                    </div>
                                    <ul
-                                   aria-label="stripes-components.selection.filterOptionsLabel"
+                                     aria-labelledby="sl-label-invoice-batch-groups"
                                      class="selectionList"
-                                   id="sl-invoice-batch-groups"
+                                     id="downshift-:r7:-menu"
                                      role="listbox"
                                      style="max-height: 174px;"
                                    >
                                      <li
                                        aria-selected="false"
                                        class="option"
                                        role="option"
                                      >
-                                     -stripes-components.selection.emptyList-
+                                       <span>
+                                         --
+                                       </span>
                                      </li>
                                    </ul>
-                                 <div
-                                   class="selectListSection"
-                                   role="alert"
-                                 >
-                                   <div
-                                     class="selectionAlertMessage"
-                                   >
-                                     stripes-components.selection.noMatches
-                                   </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
@@ -1310,22 +1241,15 @@
                              </span>
                            </div>
                            <div
                              class="col-xs-3"
                              data-test-col-accounting-code="true"
-                           >
-                             <div
-                               style="position: relative; width: 100%;"
                            >
-                               <div
-                                 aria-live="assertive"
-                                 aria-relevant="additions"
-                                 class="sr-only"
-                               />
+                             <div>
                                <label
                                  class="label"
-                                 for="accounting-code-selection"
+                                 for="downshift-:r9:-input"
                                  id="sl-label-accounting-code-selection"
                                >
                                  ui-invoice.invoice.accountingCode
                                  <span>
                                    Icon
@@ -1333,19 +1257,18 @@
                                </label>
                                <div
                                  class="selectionControlContainer"
                                >
                                  <button
-                                   aria-disabled="true"
+                                   aria-controls="downshift-:r9:-menu"
                                    aria-expanded="false"
-                                   aria-haspopup="listbox"
                                    aria-labelledby="sl-label-accounting-code-selection selected-accounting-code-selection-item"
-                                   aria-owns="sl-accounting-code-selection"
                                    class="selectionControl formControl"
                                    disabled=""
                                    id="accounting-code-selection"
                                    name="accountNo"
+                                   readonly=""
                                    type="button"
                                  >
                                    <span
                                      class="sr-only"
                                    >
@@ -1365,65 +1288,59 @@
                                      <span>
                                        Icon
                                      </span>
                                    </div>
                                  </div>
-                               </div>
                                  <div
                                    role="alert"
                                  />
                                </div>
                                <div
                                  class="overlay"
                                  hidden=""
                                >
                                  <div
-                                 class="selectionListRoot sr-only"
-                                 hidden=""
+                                   class="selectionListRoot"
                                    id="sl-container-accounting-code-selection"
+                                   style="width: 0px;"
                                  >
                                    <div
                                      class="selectionFilterContainer"
                                    >
                                      <input
-                                     aria-activedescendant="option-accounting-code-selection-0-null"
-                                     aria-controls="sl-container-accounting-code-selection"
-                                     aria-expanded="true"
+                                       aria-activedescendant=""
+                                       aria-autocomplete="list"
+                                       aria-controls="downshift-:r9:-menu"
+                                       aria-expanded="false"
                                        aria-label="stripes-components.selection.filterOptionsLabel"
-                                     aria-owns="sl-accounting-code-selection"
+                                       aria-labelledby="downshift-:r9:-label"
+                                       autocomplete="off"
                                        class="selectionFilter"
+                                       id="downshift-:r9:-input"
                                        placeholder="stripes-components.selection.filterOptionsPlaceholder"
                                        role="combobox"
                                        type="text"
                                        value=""
                                      />
                                    </div>
                                    <ul
-                                   aria-label="stripes-components.selection.filterOptionsLabel"
+                                     aria-labelledby="sl-label-accounting-code-selection"
                                      class="selectionList"
-                                   id="sl-accounting-code-selection"
+                                     id="downshift-:r9:-menu"
                                      role="listbox"
                                      style="max-height: 174px;"
                                    >
                                      <li
-                                     aria-selected="false"
-                                     class="option optionOutside cursor"
-                                     id="option-accounting-code-selection-0-null"
-                                     role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
+                                       class="groupLabel"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        />
                                      </li>
                                    </ul>
-                                 <div
-                                   class="selectListSection"
-                                   role="alert"
-                                 />
+                                 </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="col-xs-12"
@@ -1479,11 +1396,11 @@
                          </h3>
                        </div>
                      </div>
                      <div
                        class="content-wrap expanded"
-                       style="z-index: 6;"
+                       style="z-index: 3;"
                      >
                        <div
                          aria-labelledby="accordion-toggle-button-invoiceForm-extendedInformation"
                          class="content-region expanded"
                          data-test-accordion-wrapper="true"
@@ -1610,11 +1527,11 @@
                                class="checkbox inline vertical"
                                data-test-checkbox="true"
                              >
                                <label
                                  class="label label checkboxInteractionStylesControl"
-                                 for="checkbox-11"
+                                 for="checkbox-10"
                                >
                                  <span
                                    class="labelText"
                                  >
                                    ui-invoice.invoice.chkSubscriptionOverlap
@@ -1623,11 +1540,11 @@
                                    class="inner checkboxInteractionStyles"
                                  >
                                    <input
                                      aria-invalid="false"
                                      class="input"
-                                     id="checkbox-11"
+                                     id="checkbox-10"
                                      name="chkSubscriptionOverlap"
                                      type="checkbox"
                                      value=""
                                    />
                                    <span
@@ -1664,11 +1581,11 @@
                                class="checkbox inline vertical"
                                data-test-checkbox="true"
                              >
                                <label
                                  class="label label checkboxInteractionStylesControl"
-                                 for="checkbox-12"
+                                 for="checkbox-11"
                                >
                                  <span
                                    class="labelText"
                                  >
                                    ui-invoice.invoice.exportToAccounting
@@ -1678,11 +1595,11 @@
                                  >
                                    <input
                                      aria-invalid="false"
                                      class="input"
                                      data-testid="export-to-accounting"
-                                     id="checkbox-12"
+                                     id="checkbox-11"
                                      name="exportToAccounting"
                                      type="checkbox"
                                      value=""
                                    />
                                    <span
@@ -1719,11 +1636,11 @@
                                class="checkbox inline vertical"
                                data-test-checkbox="true"
                              >
                                <label
                                  class="label label checkboxInteractionStylesControl"
-                                 for="checkbox-13"
+                                 for="checkbox-12"
                                >
                                  <span
                                    class="labelText"
                                  >
                                    ui-invoice.invoice.enclosureNeeded
@@ -1732,11 +1649,11 @@
                                    class="inner checkboxInteractionStyles"
                                  >
                                    <input
                                      aria-invalid="false"
                                      class="input"
-                                     id="checkbox-13"
+                                     id="checkbox-12"
                                      name="enclosureNeeded"
                                      type="checkbox"
                                      value=""
                                    />
                                    <span
@@ -1771,46 +1688,32 @@
                          >
                            <div
                              class="col-xs-3"
                              data-test-col-currency="true"
                            >
-                             <div
-                               style="position: relative; width: 100%;"
-                             >
-                               <div
-                                 aria-live="assertive"
-                                 aria-relevant="additions"
-                                 class="sr-only"
-                               />
+                             <div>
                                <label
                                  class="label"
-                                 for="currency"
+                                 for="downshift-:rb:-input"
                                  id="sl-label-currency"
                                >
                                  stripes-acq-components.currency
                                  <span
                                    aria-hidden="true"
                                    class="asterisk"
                                  >
                                    *
                                  </span>
                                </label>
-                               <span
-                                 class="sr-only"
-                                 id="sl-currency-required"
-                               >
-                                 required
-                               </span>
                                <div
                                  class="selectionControlContainer"
                                >
                                  <button
+                                   aria-controls="downshift-:rb:-menu"
                                    aria-expanded="false"
-                                   aria-haspopup="listbox"
-                                   aria-labelledby="sl-label-currency selected-currency-item sl-currency-required"
-                                   aria-owns="sl-currency"
-                                   class="selectionControl formControl"
+                                   aria-labelledby="sl-label-currency selected-currency-item"
+                                   class="isChanged selectionControl formControl"
                                    id="currency"
                                    name="currency"
                                    type="button"
                                  >
                                    <span
@@ -1832,82 +1735,77 @@
                                      <span>
                                        Icon
                                      </span>
                                    </div>
                                  </div>
-                               </div>
                                  <div
                                    role="alert"
                                  />
                                </div>
                                <div
                                  class="overlay"
                                  hidden=""
                                >
                                  <div
-                                 class="selectionListRoot sr-only"
-                                 hidden=""
+                                   class="selectionListRoot"
                                    id="sl-container-currency"
+                                   style="width: 0px;"
                                  >
                                    <div
                                      class="selectionFilterContainer"
                                    >
                                      <input
-                                     aria-activedescendant="option-currency-0-BYN"
-                                     aria-controls="sl-container-currency"
-                                     aria-expanded="true"
+                                       aria-activedescendant=""
+                                       aria-autocomplete="list"
+                                       aria-controls="downshift-:rb:-menu"
+                                       aria-expanded="false"
                                        aria-label="stripes-components.selection.filterOptionsLabel"
-                                     aria-owns="sl-currency"
+                                       aria-labelledby="downshift-:rb:-label"
+                                       autocomplete="off"
                                        class="selectionFilter"
+                                       id="downshift-:rb:-input"
                                        placeholder="stripes-components.selection.filterOptionsPlaceholder"
                                        role="combobox"
                                        type="text"
                                        value=""
                                      />
                                    </div>
                                    <ul
-                                   aria-label="stripes-components.selection.filterOptionsLabel"
+                                     aria-labelledby="sl-label-currency"
                                      class="selectionList"
-                                   id="sl-currency"
+                                     id="downshift-:rb:-menu"
                                      role="listbox"
                                      style="max-height: 174px;"
                                    >
                                      <li
                                        aria-selected="false"
-                                     class="option optionOutside cursor"
-                                     id="option-currency-0-BYN"
+                                       class="option"
+                                       id="downshift-:rb:-item-0"
                                        role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        >
                                          BYN (BYN)
                                        </div>
                                      </li>
                                      <li
                                        aria-selected="false"
-                                     class="option optionOutside"
-                                     id="option-currency-1-USD"
+                                       class="option"
+                                       id="downshift-:rb:-item-1"
                                        role="option"
-                                     tabindex="-1"
-                                     unselectable="on"
                                      >
                                        <div
                                          class="optionSegment"
                                          data-test-selection-option-segment="true"
                                        >
                                          USD (USD)
                                        </div>
                                      </li>
                                    </ul>
-                                 <div
-                                   class="selectListSection"
-                                   role="alert"
-                                 />
+                                 </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="col-xs-3"
@@ -2006,11 +1904,11 @@
                                  <span>
                                    Icon
                                  </span>
                                </label>
                                <div
-                                 class="formControl readOnly inputGroup"
+                                 class="formControl isChanged readOnly inputGroup"
                                >
                                  <input
                                    aria-describedby="exchange-rate-tooltip-text"
                                    aria-invalid="false"
                                    aria-required="false"
@@ -2223,11 +2121,10 @@
                  data-test-pane-footer-end="true"
                >
                  <button
                    class="button primary mega"
                    data-test-save-button="true"
-                   disabled=""
                    id="clickable-save"
                    type="submit"
                  >
                    <span
                      class="inner"
    at Object.toMatchSnapshot (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceForm/InvoiceForm.test.js:88:26)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in InvoiceForm component When export to accounting is checked then accounting code field should be required

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

InvoiceForm component When export to accounting is checked then accounting code field should be required (InvoiceForm component When export to accounting is checked then accounting code field should be required) failed

artifacts/jest-junit/junit.xml
Raw output
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/ui-invoice.invoice.accountingCode Icon required/i`

Here are the accessible roles:

  region:

  Name "ui-invoice.invoice.paneTitle.create":
  <div
    aria-labelledby="paneHeaderpane-invoice-form-pane-title"
    class="paneHeader"
    data-test-pane-header="true"
    id="paneHeaderpane-invoice-form"
    role="region"
    tabindex="-1"
  />

  Name "Icon ui-invoice.invoiceInformation":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-information"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion221"
    role="region"
  />

  Name "Icon ui-invoice.adjustments":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-invoiceAdjustments"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion222"
    role="region"
  />

  Name "Icon ui-invoice.vendorInformation":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-vendorDetails"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion223"
    role="region"
  />

  Name "Icon ui-invoice.extendedInformation":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-extendedInformation"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion224"
    role="region"
  />

  Name "Icon ui-invoice.linksAndDocuments":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-documents"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion225"
    role="region"
  />

  --------------------------------------------------
  button:

  Name "stripes-components.closeItem":
  <button
    aria-label="stripes-components.closeItem"
    class="iconButton medium paneHeaderCloseIcon PaneHeaderIconButton paneHeaderIconButton"
    data-test-pane-header-dismiss-button="true"
    icon="times"
    type="button"
  />

  Name "stripes-components.collapseAll":
  <button
    class="button link bottomMargin0"
    data-test-expand-button="true"
    type="button"
  />

  Name "Icon ui-invoice.invoiceInformation":
  <button
    aria-controls="accordion221"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-information"
    type="button"
  />

  Name "stripes-components.showOrHideDatepicker":
  <button
    aria-haspopup="true"
    aria-label="stripes-components.showOrHideDatepicker"
    class="iconButton medium"
    data-test-calendar-button="true"
    icon="calendar"
    id="datepicker-toggle-calendar-button-dp-157"
    type="button"
  />

  Name "ui-invoice.invoice.details.information.fiscalYear":
  <button
    aria-controls="downshift-:r31:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-invoice-fiscal-year selected-invoice-fiscal-year-item"
    class="selectionControl formControl"
    id="invoice-fiscal-year"
    name="fiscalYearId"
    type="button"
  />

  Name "ui-invoice.invoice.details.information.status":
  <button
    aria-controls="downshift-:r33:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-invoice-status selected-invoice-status-item"
    class="isChanged selectionControl formControl"
    id="invoice-status"
    name="status"
    type="button"
  />

  Name "stripes-components.showOrHideDatepicker":
  <button
    aria-haspopup="true"
    aria-label="stripes-components.showOrHideDatepicker"
    class="iconButton medium"
    data-test-calendar-button="true"
    icon="calendar"
    id="datepicker-toggle-calendar-button-dp-158"
    type="button"
  />

  Name "ui-invoice.invoice.billTo":
  <button
    aria-controls="downshift-:r35:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-selection-:r34: selected-selection-:r34:-item"
    class="selectionControl formControl"
    id="selection-:r34:"
    name="billTo"
    type="button"
  />

  Name "ui-invoice.invoice.details.information.batchGroup":
  <button
    aria-controls="downshift-:r37:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-invoice-batch-groups selected-invoice-batch-groups-item"
    class="isChanged selectionControl formControl"
    id="invoice-batch-groups"
    name="batchGroupId"
    type="button"
  />

  Name "Icon ui-invoice.adjustments":
  <button
    aria-controls="accordion222"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-invoiceAdjustments"
    type="button"
  />

  Name "Icon ui-invoice.vendorInformation":
  <button
    aria-controls="accordion223"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-vendorDetails"
    type="button"
  />

  Name "ui-invoice.invoice.accountingCode Icon":
  <button
    aria-controls="downshift-:r3d:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-accounting-code-selection selected-accounting-code-selection-item"
    class="isChanged selectionControl formControl"
    disabled=""
    id="accounting-code-selection"
    name="accountNo"
    readonly=""
    type="button"
  />

  Name "Icon ui-invoice.extendedInformation":
  <button
    aria-controls="accordion224"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-extendedInformation"
    type="button"
  />

  Name "stripes-acq-components.currency":
  <button
    aria-controls="downshift-:r3b:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-currency selected-currency-item"
    class="isChanged selectionControl formControl"
    id="currency"
    name="currency"
    type="button"
  />

  Name "Icon ui-invoice.linksAndDocuments":
  <button
    aria-controls="accordion225"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-documents"
    type="button"
  />

  Name "ui-invoice.invoice.link.add":
  <button
    class="button default"
    data-test-repeatable-field-add-item-button="true"
    id="invoice-form-links-add-button"
    type="button"
  />

  Name "stripes-acq-components.fileUploader.selectFile":
  <button
    class="button primary"
    type="button"
  />

  Name "stripes-acq-components.FormFooter.cancel":
  <button
    class="button default mega"
    data-test-cancel-button="true"
    type="button"
  />

  Name "stripes-components.saveAndClose":
  <button
    class="button primary mega"
    data-test-save-button="true"
    id="clickable-save"
    type="submit"
  />

  --------------------------------------------------
  heading:

  Name "ui-invoice.invoice.paneTitle.create":
  <h2
    class="paneTitle"
    data-test-pane-header-title="true"
  />

  Name "Icon ui-invoice.invoiceInformation":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Icon ui-invoice.adjustments":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Icon ui-invoice.vendorInformation":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Icon ui-invoice.extendedInformation":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Icon ui-invoice.linksAndDocuments":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  --------------------------------------------------
  textbox:

  Name "ui-invoice.invoice.details.information.invoiceDate":
  <input
    aria-invalid="false"
    aria-required="true"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    id="dp-157"
    name="invoiceDate"
    placeholder="MM/DD/YYYY"
    required=""
    spellcheck="false"
    type="text"
    value=""
  />

  Name "ui-invoice.invoice.details.information.paymentDue":
  <input
    aria-invalid="false"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    id="dp-158"
    name="paymentDue"
    placeholder="MM/DD/YYYY"
    spellcheck="false"
    type="text"
    value=""
  />

  Name "ui-invoice.invoice.paymentTerms":
  <input
    aria-invalid="false"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    error=""
    id="paymentTerms"
    name="paymentTerms"
    spellcheck="false"
    type="text"
    value=""
    warning=""
  />

  Name "ui-invoice.invoice.note":
  <textarea
    aria-invalid="false"
    class="formControl"
    id="note"
    name="note"
    type="text"
  />

  Name "ui-invoice.invoice.vendorInvoiceNo":
  <input
    aria-invalid="false"
    aria-required="true"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    error=""
    id="vendorInvoiceNo"
    name="vendorInvoiceNo"
    required=""
    spellcheck="false"
    type="text"
    value=""
    warning=""
  />

  --------------------------------------------------
  alert:

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  --------------------------------------------------
  checkbox:

  Name "ui-invoice.invoice.lockTotal":
  <input
    aria-invalid="false"
    class="input"
    data-testid="lock-total"
    id="lock-total"
    type="checkbox"
    value=""
  />

  Name "ui-invoice.invoice.chkSubscriptionOverlap":
  <input
    aria-invalid="false"
    class="input"
    id="checkbox-159"
    name="chkSubscriptionOverlap"
    type="checkbox"
    value=""
  />

  Name "ui-invoice.invoice.exportToAccounting":
  <input
    aria-invalid="false"
    class="input"
    data-testid="export-to-accounting"
    id="checkbox-160"
    name="exportToAccounting"
    type="checkbox"
    value=""
  />

  Name "ui-invoice.invoice.enclosureNeeded":
  <input
    aria-invalid="false"
    class="input"
    id="checkbox-161"
    name="enclosureNeeded"
    type="checkbox"
    value=""
  />

  Name "stripes-acq-components.useSetExchangeRate":
  <input
    aria-invalid="false"
    class="input"
    data-testid="use-set-exhange-rate"
    id="use-set-exhange-rate"
    type="checkbox"
    value=""
  />

  --------------------------------------------------
  spinbutton:

  Name "ui-invoice.invoice.lockTotalAmount Icon":
  <input
    aria-describedby="lock-total-amount-tooltip-text"
    aria-invalid="false"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    data-testid="lock-total-amount"
    error=""
    id="lock-total-amount"
    name="lockTotal"
    readonly=""
    spellcheck="false"
    type="number"
    value=""
    warning=""
  />

  Name "stripes-acq-components.setExchangeRate Icon":
  <input
    aria-describedby="exchange-rate-tooltip-text"
    aria-invalid="false"
    aria-required="false"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    data-testid="exchange-rate"
    error=""
    id="exchange-rate"
    name="exchangeRate"
    readonly=""
    spellcheck="false"
    type="number"
    value=""
    warning=""
  />

  --------------------------------------------------
  tooltip:

  Name "ui-invoice.invoice.lockTotalAmount.tooltip":
  <span
    id="lock-total-amount-tooltip-text"
    role="tooltip"
  />

  Name "stripes-acq-components.setExchangeRate.tooltip":
  <span
    id="exchange-rate-tooltip-text"
    role="tooltip"
  />

  --------------------------------------------------
  combobox:

  Name "ui-invoice.invoice.paymentMethod":
  <select
    aria-invalid="false"
    aria-labelledby="invoice-payment-method-label"
    aria-required="true"
    class="selectControl formControl"
    id="invoice-payment-method"
    name="paymentMethod"
    required=""
  />

  --------------------------------------------------
  option:

  Name "stripes-acq-components.label.emptyValue":
  <option
    value=""
  />

  Name "stripes-acq-components.paymentMethod.cash":
  <option
    value="Cash"
  />

  Name "stripes-acq-components.paymentMethod.card":
  <option
    value="Credit Card"
  />

  Name "stripes-acq-components.paymentMethod.eft":
  <option
    value="EFT"
  />

  Name "stripes-acq-components.paymentMethod.depAccount":
  <option
    value="Deposit Account"
  />

  Name "stripes-acq-components.paymentMethod.physicalCheck":
  <option
    value="Physical Check"
  />

  Name "stripes-acq-components.paymentMethod.bankDraft":
  <option
    value="Bank Draft"
  />

  Name "stripes-acq-components.paymentMethod.internalTransfer":
  <option
    value="Internal Transfer"
  />

  Name "stripes-acq-components.paymentMethod.other":
  <option
    value="Other"
  />

  --------------------------------------------------
  group:

  Name "":
  <fieldset
    class="repeatableField hasMargin"
    data-test-repeatable-field="true"
    id="invoice-form-links"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<body>
  <div>
    <form
      style="height: 100vh;"
    >
      <div>
        <div
          class="paneset"
        >
          <section
            class="pane focusIndicator"
            id="pane-invoice-form"
            style="flex: 0 0 100%; left: 0px;"
          >
            <div
              aria-labelledby="paneHeaderpane-invoice-form-pane-title"
              class="paneHeader"
              data-test-pane-header="true"
              id="paneHeaderpane-invoice-form"
              role="region"
              tabindex="-1"
            >
              <div
                class="paneHeaderButtonsArea first"
              >
                <div
                  class="paneMenu"
                >
                  <button
                    aria-label="stripes-components.closeItem"
                    class="iconButton medium paneHeaderCloseIcon PaneHeaderIconButton paneHeaderIconButton"
                    data-test-pane-header-dismiss-button="true"
                    icon="times"
                    type="button"
                  >
                    <span
                      class="iconButtonInner mediumOffset PaneHeaderIconButton__inner"
                      data-test-pane-header-dismiss-button="true"
                    >
                      <span>
                        Icon
                      </span>
                    </span>
                  </button>
                </div>
              </div>
              <div
                class="paneHeaderCenter"
              >
                <div
                  class="paneHeaderCenterInner"
                  id="paneHeaderpane-invoice-form-pane-title"
                >
                  <h2
                    class="paneTitle"
                    data-test-pane-header-title="true"
                  >
                    <span
                      class="paneTitleLabel"
                    >
                      ui-invoice.invoice.paneTitle.create
                    </span>
                  </h2>
                </div>
              </div>
            </div>
            <div
              class="paneContent hasPadding"
              id="pane-invoice-form-content"
              tabindex="-1"
            >
              <div
                class="row"
              >
                <div
                  class="col-xs-12 col-md-8 col-md-offset-2"
                >
                  <div
                    class="row end-xs"
                  >
                    <div
                      class="col-xs-12"
                    >
                      <button
                        class="button link bottomMargin0"
                        data-test-expand-button="true"
                        type="button"
                      >
                        <span
                          class="inner"
                        >
                          <strong>
                            stripes-components.collapseAll
                          </strong>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    id="invoice-form-accordion-set"
                  >
                    <section
                      class="accordion hasSeparator"
                      data-test-accordion-section="true"
                      id="invoiceForm-information"
                    >
                      <div
                        class="headerWrapper"
                        tabindex="-1"
                      >
                        <div
                          class="header default"
                        >
                          <h3
                            class="headline size-medium margin-none font-weight-bold block"
                            data-test-headline="true"
                          >
                            <button
                              aria-controls="accordion221"
                              aria-expanded="true"
                              class="defaultCollapseButton"
                              id="accordion-toggle-button-invoiceForm-information"
                              type="button"
                            >
                              <span
                                class="headerInner"
                              >
                                <span
                                  class="defaultHeaderIcon"
                                >
                                  <span>
                                    Icon
                                  </span>
                                </span>
                                <div
                                  class="labelArea"
                                >
                                  ui-invoice.invoiceInformation
                                </div>
                              </span>
                            </button>
                          </h3>
                        </div>
                      </div>
 ...
    at Object.getElementError (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByRole (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceForm/InvoiceForm.test.js:177:21)

Check warning on line 0 in InvoiceForm component When adjustment export to accounting is checked then accounting code field should be required

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

InvoiceForm component When adjustment export to accounting is checked then accounting code field should be required (InvoiceForm component When adjustment export to accounting is checked then accounting code field should be required) failed

artifacts/jest-junit/junit.xml
Raw output
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/ui-invoice.invoice.accountingCode Icon required/i`

Here are the accessible roles:

  region:

  Name "ui-invoice.invoice.paneTitle.create":
  <div
    aria-labelledby="paneHeaderpane-invoice-form-pane-title"
    class="paneHeader"
    data-test-pane-header="true"
    id="paneHeaderpane-invoice-form"
    role="region"
    tabindex="-1"
  />

  Name "Icon ui-invoice.invoiceInformation":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-information"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion253"
    role="region"
  />

  Name "Icon ui-invoice.adjustments":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-invoiceAdjustments"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion254"
    role="region"
  />

  Name "Icon ui-invoice.vendorInformation":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-vendorDetails"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion255"
    role="region"
  />

  Name "Icon ui-invoice.extendedInformation":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-extendedInformation"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion256"
    role="region"
  />

  Name "Icon ui-invoice.linksAndDocuments":
  <div
    aria-labelledby="accordion-toggle-button-invoiceForm-documents"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion257"
    role="region"
  />

  --------------------------------------------------
  button:

  Name "stripes-components.closeItem":
  <button
    aria-label="stripes-components.closeItem"
    class="iconButton medium paneHeaderCloseIcon PaneHeaderIconButton paneHeaderIconButton"
    data-test-pane-header-dismiss-button="true"
    icon="times"
    type="button"
  />

  Name "stripes-components.collapseAll":
  <button
    class="button link bottomMargin0"
    data-test-expand-button="true"
    type="button"
  />

  Name "Icon ui-invoice.invoiceInformation":
  <button
    aria-controls="accordion253"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-information"
    type="button"
  />

  Name "stripes-components.showOrHideDatepicker":
  <button
    aria-haspopup="true"
    aria-label="stripes-components.showOrHideDatepicker"
    class="iconButton medium"
    data-test-calendar-button="true"
    icon="calendar"
    id="datepicker-toggle-calendar-button-dp-179"
    type="button"
  />

  Name "ui-invoice.invoice.details.information.fiscalYear":
  <button
    aria-controls="downshift-:r3f:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-invoice-fiscal-year selected-invoice-fiscal-year-item"
    class="selectionControl formControl"
    id="invoice-fiscal-year"
    name="fiscalYearId"
    type="button"
  />

  Name "ui-invoice.invoice.details.information.status":
  <button
    aria-controls="downshift-:r3h:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-invoice-status selected-invoice-status-item"
    class="isChanged selectionControl formControl"
    id="invoice-status"
    name="status"
    type="button"
  />

  Name "stripes-components.showOrHideDatepicker":
  <button
    aria-haspopup="true"
    aria-label="stripes-components.showOrHideDatepicker"
    class="iconButton medium"
    data-test-calendar-button="true"
    icon="calendar"
    id="datepicker-toggle-calendar-button-dp-180"
    type="button"
  />

  Name "ui-invoice.invoice.billTo":
  <button
    aria-controls="downshift-:r3j:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-selection-:r3i: selected-selection-:r3i:-item"
    class="selectionControl formControl"
    id="selection-:r3i:"
    name="billTo"
    type="button"
  />

  Name "ui-invoice.invoice.details.information.batchGroup":
  <button
    aria-controls="downshift-:r3l:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-invoice-batch-groups selected-invoice-batch-groups-item"
    class="isChanged selectionControl formControl"
    id="invoice-batch-groups"
    name="batchGroupId"
    type="button"
  />

  Name "Icon ui-invoice.adjustments":
  <button
    aria-controls="accordion254"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-invoiceAdjustments"
    type="button"
  />

  Name "Icon ui-invoice.vendorInformation":
  <button
    aria-controls="accordion255"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-vendorDetails"
    type="button"
  />

  Name "ui-invoice.invoice.accountingCode Icon":
  <button
    aria-controls="downshift-:r3n:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-accounting-code-selection selected-accounting-code-selection-item"
    class="isChanged selectionControl formControl"
    disabled=""
    id="accounting-code-selection"
    name="accountNo"
    readonly=""
    type="button"
  />

  Name "Icon ui-invoice.extendedInformation":
  <button
    aria-controls="accordion256"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-extendedInformation"
    type="button"
  />

  Name "stripes-acq-components.currency":
  <button
    aria-controls="downshift-:r3p:-menu"
    aria-expanded="false"
    aria-labelledby="sl-label-currency selected-currency-item"
    class="isChanged selectionControl formControl"
    id="currency"
    name="currency"
    type="button"
  />

  Name "Icon ui-invoice.linksAndDocuments":
  <button
    aria-controls="accordion257"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-invoiceForm-documents"
    type="button"
  />

  Name "ui-invoice.invoice.link.add":
  <button
    class="button default"
    data-test-repeatable-field-add-item-button="true"
    id="invoice-form-links-add-button"
    type="button"
  />

  Name "stripes-acq-components.fileUploader.selectFile":
  <button
    class="button primary"
    type="button"
  />

  Name "stripes-acq-components.FormFooter.cancel":
  <button
    class="button default mega"
    data-test-cancel-button="true"
    type="button"
  />

  Name "stripes-components.saveAndClose":
  <button
    class="button primary mega"
    data-test-save-button="true"
    id="clickable-save"
    type="submit"
  />

  --------------------------------------------------
  heading:

  Name "ui-invoice.invoice.paneTitle.create":
  <h2
    class="paneTitle"
    data-test-pane-header-title="true"
  />

  Name "Icon ui-invoice.invoiceInformation":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Icon ui-invoice.adjustments":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Icon ui-invoice.vendorInformation":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Icon ui-invoice.extendedInformation":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Icon ui-invoice.linksAndDocuments":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  --------------------------------------------------
  textbox:

  Name "ui-invoice.invoice.details.information.invoiceDate":
  <input
    aria-invalid="false"
    aria-required="true"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    id="dp-179"
    name="invoiceDate"
    placeholder="MM/DD/YYYY"
    required=""
    spellcheck="false"
    type="text"
    value=""
  />

  Name "ui-invoice.invoice.details.information.paymentDue":
  <input
    aria-invalid="false"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    id="dp-180"
    name="paymentDue"
    placeholder="MM/DD/YYYY"
    spellcheck="false"
    type="text"
    value=""
  />

  Name "ui-invoice.invoice.paymentTerms":
  <input
    aria-invalid="false"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    error=""
    id="paymentTerms"
    name="paymentTerms"
    spellcheck="false"
    type="text"
    value=""
    warning=""
  />

  Name "ui-invoice.invoice.note":
  <textarea
    aria-invalid="false"
    class="formControl"
    id="note"
    name="note"
    type="text"
  />

  Name "ui-invoice.invoice.vendorInvoiceNo":
  <input
    aria-invalid="false"
    aria-required="true"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    error=""
    id="vendorInvoiceNo"
    name="vendorInvoiceNo"
    required=""
    spellcheck="false"
    type="text"
    value=""
    warning=""
  />

  --------------------------------------------------
  alert:

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  Name "":
  <div
    role="alert"
  />

  --------------------------------------------------
  checkbox:

  Name "ui-invoice.invoice.lockTotal":
  <input
    aria-invalid="false"
    class="input"
    data-testid="lock-total"
    id="lock-total"
    type="checkbox"
    value=""
  />

  Name "ui-invoice.invoice.chkSubscriptionOverlap":
  <input
    aria-invalid="false"
    class="input"
    id="checkbox-181"
    name="chkSubscriptionOverlap"
    type="checkbox"
    value=""
  />

  Name "ui-invoice.invoice.exportToAccounting":
  <input
    aria-invalid="false"
    class="input"
    data-testid="export-to-accounting"
    id="checkbox-182"
    name="exportToAccounting"
    type="checkbox"
    value=""
  />

  Name "ui-invoice.invoice.enclosureNeeded":
  <input
    aria-invalid="false"
    class="input"
    id="checkbox-183"
    name="enclosureNeeded"
    type="checkbox"
    value=""
  />

  Name "stripes-acq-components.useSetExchangeRate":
  <input
    aria-invalid="false"
    class="input"
    data-testid="use-set-exhange-rate"
    id="use-set-exhange-rate"
    type="checkbox"
    value=""
  />

  --------------------------------------------------
  spinbutton:

  Name "ui-invoice.invoice.lockTotalAmount Icon":
  <input
    aria-describedby="lock-total-amount-tooltip-text"
    aria-invalid="false"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    data-testid="lock-total-amount"
    error=""
    id="lock-total-amount"
    name="lockTotal"
    readonly=""
    spellcheck="false"
    type="number"
    value=""
    warning=""
  />

  Name "stripes-acq-components.setExchangeRate Icon":
  <input
    aria-describedby="exchange-rate-tooltip-text"
    aria-invalid="false"
    aria-required="false"
    autocapitalize="off"
    autocomplete="off"
    autocorrect="off"
    data-testid="exchange-rate"
    error=""
    id="exchange-rate"
    name="exchangeRate"
    readonly=""
    spellcheck="false"
    type="number"
    value=""
    warning=""
  />

  --------------------------------------------------
  tooltip:

  Name "ui-invoice.invoice.lockTotalAmount.tooltip":
  <span
    id="lock-total-amount-tooltip-text"
    role="tooltip"
  />

  Name "stripes-acq-components.setExchangeRate.tooltip":
  <span
    id="exchange-rate-tooltip-text"
    role="tooltip"
  />

  --------------------------------------------------
  combobox:

  Name "ui-invoice.invoice.paymentMethod":
  <select
    aria-invalid="false"
    aria-labelledby="invoice-payment-method-label"
    aria-required="true"
    class="selectControl formControl"
    id="invoice-payment-method"
    name="paymentMethod"
    required=""
  />

  --------------------------------------------------
  option:

  Name "stripes-acq-components.label.emptyValue":
  <option
    value=""
  />

  Name "stripes-acq-components.paymentMethod.cash":
  <option
    value="Cash"
  />

  Name "stripes-acq-components.paymentMethod.card":
  <option
    value="Credit Card"
  />

  Name "stripes-acq-components.paymentMethod.eft":
  <option
    value="EFT"
  />

  Name "stripes-acq-components.paymentMethod.depAccount":
  <option
    value="Deposit Account"
  />

  Name "stripes-acq-components.paymentMethod.physicalCheck":
  <option
    value="Physical Check"
  />

  Name "stripes-acq-components.paymentMethod.bankDraft":
  <option
    value="Bank Draft"
  />

  Name "stripes-acq-components.paymentMethod.internalTransfer":
  <option
    value="Internal Transfer"
  />

  Name "stripes-acq-components.paymentMethod.other":
  <option
    value="Other"
  />

  --------------------------------------------------
  group:

  Name "":
  <fieldset
    class="repeatableField hasMargin"
    data-test-repeatable-field="true"
    id="invoice-form-links"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<body>
  <div>
    <form
      style="height: 100vh;"
    >
      <div>
        <div
          class="paneset"
        >
          <section
            class="pane focusIndicator"
            id="pane-invoice-form"
            style="flex: 0 0 100%; left: 0px;"
          >
            <div
              aria-labelledby="paneHeaderpane-invoice-form-pane-title"
              class="paneHeader"
              data-test-pane-header="true"
              id="paneHeaderpane-invoice-form"
              role="region"
              tabindex="-1"
            >
              <div
                class="paneHeaderButtonsArea first"
              >
                <div
                  class="paneMenu"
                >
                  <button
                    aria-label="stripes-components.closeItem"
                    class="iconButton medium paneHeaderCloseIcon PaneHeaderIconButton paneHeaderIconButton"
                    data-test-pane-header-dismiss-button="true"
                    icon="times"
                    type="button"
                  >
                    <span
                      class="iconButtonInner mediumOffset PaneHeaderIconButton__inner"
                      data-test-pane-header-dismiss-button="true"
                    >
                      <span>
                        Icon
                      </span>
                    </span>
                  </button>
                </div>
              </div>
              <div
                class="paneHeaderCenter"
              >
                <div
                  class="paneHeaderCenterInner"
                  id="paneHeaderpane-invoice-form-pane-title"
                >
                  <h2
                    class="paneTitle"
                    data-test-pane-header-title="true"
                  >
                    <span
                      class="paneTitleLabel"
                    >
                      ui-invoice.invoice.paneTitle.create
                    </span>
                  </h2>
                </div>
              </div>
            </div>
            <div
              class="paneContent hasPadding"
              id="pane-invoice-form-content"
              tabindex="-1"
            >
              <div
                class="row"
              >
                <div
                  class="col-xs-12 col-md-8 col-md-offset-2"
                >
                  <div
                    class="row end-xs"
                  >
                    <div
                      class="col-xs-12"
                    >
                      <button
                        class="button link bottomMargin0"
                        data-test-expand-button="true"
                        type="button"
                      >
                        <span
                          class="inner"
                        >
                          <strong>
                            stripes-components.collapseAll
                          </strong>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    id="invoice-form-accordion-set"
                  >
                    <section
                      class="accordion hasSeparator"
                      data-test-accordion-section="true"
                      id="invoiceForm-information"
                    >
                      <div
                        class="headerWrapper"
                        tabindex="-1"
                      >
                        <div
                          class="header default"
                        >
                          <h3
                            class="headline size-medium margin-none font-weight-bold block"
                            data-test-headline="true"
                          >
                            <button
                              aria-controls="accordion253"
                              aria-expanded="true"
                              class="defaultCollapseButton"
                              id="accordion-toggle-button-invoiceForm-information"
                              type="button"
                            >
                              <span
                                class="headerInner"
                              >
                                <span
                                  class="defaultHeaderIcon"
                                >
                                  <span>
                                    Icon
                                  </span>
                                </span>
                                <div
                                  class="labelArea"
                                >
                                  ui-invoice.invoiceInformation
                                </div>
                              </span>
                            </button>
                          </h3>
                        </div>
                      </div>
 ...
    at Object.getElementError (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByRole (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceForm/InvoiceForm.test.js:187:21)

Check warning on line 0 in InvoiceForm component FieldFiscalYearContainer should render fiscal year component with empty select option

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

InvoiceForm component FieldFiscalYearContainer should render fiscal year component with empty select option (InvoiceForm component FieldFiscalYearContainer should render fiscal year component with empty select option) failed

artifacts/jest-junit/junit.xml
Raw output
Error: expect(received).toBe(expected) // Object.is equality

Expected: 2
Received: 0
    at Object.toBe (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceForm/InvoiceForm.test.js:256:40)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:538:9)
    at processTimers (node:internal/timers:512:7)

Check warning on line 0 in InvoiceForm component FieldFiscalYearContainer should render edit fiscal year component with required "*" sign and not to have empty input selection

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

InvoiceForm component FieldFiscalYearContainer should render edit fiscal year component with required "*" sign and not to have …scalYearContainer should render edit fiscal year component with required "*" sign and not to have empty input selection) failed

artifacts/jest-junit/junit.xml
Raw output
Error: expect(received).toBe(expected) // Object.is equality

Expected: 1
Received: 0
    at Object.toBe (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoiceForm/InvoiceForm.test.js:270:40)

Check warning on line 0 in InvoicesListFilters should render correct structure

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

InvoicesListFilters should render correct structure (InvoicesListFilters should render correct structure) failed

artifacts/jest-junit/junit.xml
Raw output
Error: No QueryClient set, use QueryClientProvider to set one
    at useQueryClient (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/QueryClientProvider.js:36:11)
    at useBaseQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useBaseQuery.js:24:61)
    at useQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useQuery.js:14:41)
    at useOrganization (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/hooks/useOrganization/useOrganization.js:24:15)
    at PluggableOrganizationFilter (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/OrganizationFilter/PluggableOrganizationFilter.js:26:18)
    at renderWithHooks (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
    at performConcurrentWorkOnRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25789:22)
    at flushActQueue (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2667:24)
    at act (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2582:11)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/act-compat.js:47:25
    at renderRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:180:26)
    at render (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:271:10)
    at renderInvoicesListFilters (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoicesList/InvoicesListFilters/InvoicesListFilters.test.js:25:67)
    at Object.renderInvoicesListFilters (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoicesList/InvoicesListFilters/InvoicesListFilters.test.js:40:39)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in InvoicesListFilters should render correct structure when disabled

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

InvoicesListFilters should render correct structure when disabled (InvoicesListFilters should render correct structure when disabled) failed

artifacts/jest-junit/junit.xml
Raw output
Error: No QueryClient set, use QueryClientProvider to set one
    at useQueryClient (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/QueryClientProvider.js:36:11)
    at useBaseQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useBaseQuery.js:24:61)
    at useQuery (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-query/lib/react/useQuery.js:14:41)
    at useOrganization (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/hooks/useOrganization/useOrganization.js:24:15)
    at PluggableOrganizationFilter (/home/runner/work/ui-invoice/ui-invoice/node_modules/@folio/stripes-acq-components/lib/OrganizationFilter/PluggableOrganizationFilter.js:26:18)
    at renderWithHooks (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
    at performConcurrentWorkOnRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/react-dom/cjs/react-dom.development.js:25789:22)
    at flushActQueue (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2667:24)
    at act (/home/runner/work/ui-invoice/ui-invoice/node_modules/react/cjs/react.development.js:2582:11)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/act-compat.js:47:25
    at renderRoot (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:180:26)
    at render (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/react/dist/pure.js:271:10)
    at renderInvoicesListFilters (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoicesList/InvoicesListFilters/InvoicesListFilters.test.js:25:67)
    at Object.renderInvoicesListFilters (/home/runner/work/ui-invoice/ui-invoice/src/invoices/InvoicesList/InvoicesListFilters/InvoicesListFilters.test.js:48:39)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in FieldFiscalYearContainer should render fiscal year final form field

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

FieldFiscalYearContainer should render fiscal year final form field (FieldFiscalYearContainer should render fiscal year final form field) failed

artifacts/jest-junit/junit.xml
Raw output
TestingLibraryElementError: Found multiple elements with the text of: ui-invoice.invoice.details.information.fiscalYear

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  aria-controls="downshift-:r1:-menu"
  aria-expanded="false"
  aria-labelledby="sl-label-fy selected-fy-item"
  class="selectionControl formControl"
  id="fy"
  name="fiscalYearId"
  type="button"
>
  <span
    class="sr-only"
  >
    stripes-components.selection.controlLabel
  </span>
  <div
    class="singleValue"
    id="selected-fy-item"
  />
</button>

Ignored nodes: comments, script, style
<ul
  aria-labelledby="sl-label-fy"
  class="selectionList"
  id="downshift-:r1:-menu"
  role="listbox"
  style="max-height: 174px;"
>
  <li
    class="groupLabel"
  >
    <div
      class="optionSegment"
      data-test-selection-option-segment="true"
    />
  </li>
  <li
    aria-selected="false"
    class="option"
    id="downshift-:r1:-item-0"
    role="option"
  >
    <div
      class="optionSegment"
      data-test-selection-option-segment="true"
    >
      FY2022
    </div>
  </li>
  <li
    aria-selected="false"
    class="option"
    id="downshift-:r1:-item-1"
    role="option"
  >
    <div
      class="optionSegment"
      data-test-selection-option-segment="true"
    >
      FY2023
    </div>
  </li>
</ul>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div>
      <label
        class="label"
        for="downshift-:r1:-input"
        id="sl-label-fy"
      >
        ui-invoice.invoice.details.information.fiscalYear
      </label>
      <div
        class="selectionControlContainer"
      >
        <button
          aria-controls="downshift-:r1:-menu"
          aria-expanded="false"
          aria-labelledby="sl-label-fy selected-fy-item"
          class="selectionControl formControl"
          id="fy"
          name="fiscalYearId"
          type="button"
        >
          <span
            class="sr-only"
          >
            stripes-components.selection.controlLabel
          </span>
          <div
            class="singleValue"
            id="selected-fy-item"
          />
        </button>
        <div
          class="selectionEndControls"
        >
          <div
            class="textFieldIcon"
          >
            <span>
              Icon
            </span>
          </div>
        </div>
        <div
          role="alert"
        />
      </div>
      <div
        class="overlay"
        hidden=""
      >
        <div
          class="selectionListRoot"
          id="sl-container-fy"
          style="width: 0px;"
        >
          <div
            class="selectionFilterContainer"
          >
            <input
              aria-activedescendant=""
              aria-autocomplete="list"
              aria-controls="downshift-:r1:-menu"
              aria-expanded="false"
              aria-label="stripes-components.selection.filterOptionsLabel"
              aria-labelledby="downshift-:r1:-label"
              autocomplete="off"
              class="selectionFilter"
              id="downshift-:r1:-input"
              placeholder="stripes-components.selection.filterOptionsPlaceholder"
              role="combobox"
              type="text"
              value=""
            />
          </div>
          <ul
            aria-labelledby="sl-label-fy"
            class="selectionList"
            id="downshift-:r1:-menu"
            role="listbox"
            style="max-height: 174px;"
          >
            <li
              class="groupLabel"
            >
              <div
                class="optionSegment"
                data-test-selection-option-segment="true"
              />
            </li>
            <li
              aria-selected="false"
              class="option"
              id="downshift-:r1:-item-0"
              role="option"
            >
              <div
                class="optionSegment"
                data-test-selection-option-segment="true"
              >
                FY2022
              </div>
            </li>
            <li
              aria-selected="false"
              class="option"
              id="downshift-:r1:-item-1"
              role="option"
            >
              <div
                class="optionSegment"
                data-test-selection-option-segment="true"
              >
                FY2023
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByLabelText (/home/runner/work/ui-invoice/ui-invoice/src/common/components/FieldFiscalYear/FieldFiscalYearContainer.test.js:39:19)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)

Check warning on line 0 in FieldFiscalYearContainer should have a required label

See this annotation in the file changed.

@github-actions github-actions / Jest Unit Test Results

FieldFiscalYearContainer should have a required label (FieldFiscalYearContainer should have a required label) failed

artifacts/jest-junit/junit.xml
Raw output
TestingLibraryElementError: Unable to find an element with the text: /required/. 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>
      <label
        class="label"
        for="downshift-:r3:-input"
        id="sl-label-fy"
      >
        ui-invoice.invoice.details.information.fiscalYear
        <span
          aria-hidden="true"
          class="asterisk"
        >
          *
        </span>
      </label>
      <div
        class="selectionControlContainer"
      >
        <button
          aria-controls="downshift-:r3:-menu"
          aria-expanded="false"
          aria-labelledby="sl-label-fy selected-fy-item"
          class="isChanged selectionControl formControl"
          id="fy"
          name="fiscalYearId"
          type="button"
        >
          <span
            class="sr-only"
          >
            stripes-components.selection.controlLabel
          </span>
          <div
            class="singleValue"
            id="selected-fy-item"
          />
        </button>
        <div
          class="selectionEndControls"
        >
          <div
            class="textFieldIcon"
          >
            <span>
              Icon
            </span>
          </div>
        </div>
        <div
          role="alert"
        />
      </div>
      <div
        class="overlay"
        hidden=""
      >
        <div
          class="selectionListRoot"
          id="sl-container-fy"
          style="width: 0px;"
        >
          <div
            class="selectionFilterContainer"
          >
            <input
              aria-activedescendant=""
              aria-autocomplete="list"
              aria-controls="downshift-:r3:-menu"
              aria-expanded="false"
              aria-label="stripes-components.selection.filterOptionsLabel"
              aria-labelledby="downshift-:r3:-label"
              autocomplete="off"
              class="selectionFilter"
              id="downshift-:r3:-input"
              placeholder="stripes-components.selection.filterOptionsPlaceholder"
              role="combobox"
              type="text"
              value=""
            />
          </div>
          <ul
            aria-labelledby="sl-label-fy"
            class="selectionList"
            id="downshift-:r3:-menu"
            role="listbox"
            style="max-height: 174px;"
          >
            <li
              aria-selected="false"
              class="option"
              id="downshift-:r3:-item-0"
              role="option"
            >
              <div
                class="optionSegment"
                data-test-selection-option-segment="true"
              >
                FY2022
              </div>
            </li>
            <li
              aria-selected="false"
              class="option"
              id="downshift-:r3:-item-1"
              role="option"
            >
              <div
                class="optionSegment"
                data-test-selection-option-segment="true"
              >
                FY2023
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /home/runner/work/ui-invoice/ui-invoice/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/home/runner/work/ui-invoice/ui-invoice/src/common/components/FieldFiscalYear/FieldFiscalYearContainer.test.js:47:19)
    at Promise.then.completed (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/ui-invoice/ui-invoice/node_modules/jest-runner/build/testWorker.js:106:12)