Skip to content

UIIN-3172: Add Version history button and Version history pane to det… #8608

UIIN-3172: Add Version history button and Version history pane to det…

UIIN-3172: Add Version history button and Version history pane to det… #8608

GitHub Actions / Jest Unit Test Results failed Feb 3, 2025 in 0s

1 fail, 2 skipped, 1 025 pass in 16m 10s

       1 files  ±0     255 suites  ±0   16m 10s ⏱️ + 1m 21s
1 028 tests ±0  1 025 ✔️  - 1  2 💤 ±0  1 +1 
1 035 runs  ±0  1 032 ✔️  - 1  2 💤 ±0  1 +1 

Results for commit 6b8517b. ± Comparison against earlier commit 88a2b53.

Annotations

Check warning on line 0 in ItemView rendering ItemView Version history component when click the close button should hide the pane

See this annotation in the file changed.

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

ItemView rendering ItemView Version history component when click the close button should hide the pane (ItemView rendering ItemView Version history component when click the close button should hide the pane) failed

artifacts/jest-junit/junit.xml
Raw output
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/close version history/i`

Here are the accessible roles:

  button:

  Name "edit":
  <button
    type="button"
  />

  Name "expandAllSections":
  <button
    type="button"
  />

  Name "collapseAllSections":
  <button
    type="button"
  />

  Name "search":
  <button
    type="button"
  />

  Name "duplicateRecord":
  <button
    type="button"
  />

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

  Name "Actions":
  <button
    aria-expanded="false"
    aria-haspopup="true"
    class="button primary marginBottom0 actionMenuToggle"
    data-test-pane-header-actions-button="true"
    type="button"
  />

  Name "Version history":
  <button
    aria-label="clock"
    aria-labelledby="version-history-tooltip-text"
    class="iconButton medium"
    icon="clock"
    id="version-history-btn"
    type="button"
  />

  Name "confirm":
  <button
    type="button"
  />

  Name "cancel":
  <button
    type="button"
  />

  Name "remove":
  <button
    type="button"
  />

  Name "confirm":
  <button
    type="button"
  />

  Name "cancel":
  <button
    type="button"
  />

  Name "remove":
  <button
    type="button"
  />

  Name "Collapse all":
  <button
    class="button link bottomMargin0"
    data-test-expand-button="true"
    type="button"
  />

  Name "Administrative data":
  <button
    aria-controls="accordion1082"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc01"
    type="button"
  />

  Name "ClipCopy":
  <button
    type="button"
  />

  Name "ClipCopy":
  <button
    type="button"
  />

  Name "Item data":
  <button
    aria-controls="accordion1083"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc02"
    type="button"
  />

  Name "info":
  <button
    aria-label="info"
    class="iconButton medium icon"
    data-test-info-popover-trigger="true"
    data-testid="info-icon-shelving-order"
    icon="info"
    type="button"
  />

  Name "Enumeration data":
  <button
    aria-controls="accordion1084"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc03"
    type="button"
  />

  Name "Condition":
  <button
    aria-controls="accordion1085"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc04"
    type="button"
  />

  Name "Tags":
  <button
    aria-controls="accordion1086"
    aria-expanded="false"
    class="defaultCollapseButton"
    id="accordion-toggle-button-tag-accordion"
    type="button"
  />

  Name "open menu":
  <button
    aria-controls="multiselect-option-list-input-tag"
    aria-expanded="false"
    aria-label="open menu"
    class="multiSelectToggleButton"
    id="downshift-:r15:-toggle-button"
    tabindex="-1"
    type="button"
  />

  Name "Item notes":
  <button
    aria-controls="accordion1087"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc05"
    type="button"
  />

  Name "Loan and availability":
  <button
    aria-controls="accordion1088"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc06"
    type="button"
  />

  Name "Location":
  <button
    aria-controls="accordion1089"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc07"
    type="button"
  />

  Name "Electronic access":
  <button
    aria-controls="accordion1090"
    aria-expanded="false"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc08"
    type="button"
  />

  Name "Circulation history":
  <button
    aria-controls="accordion1091"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc09"
    type="button"
  />

  Name "Bound-with and analytics":
  <button
    aria-controls="accordion1092"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc10"
    type="button"
  />

  Name "Bound pieces data":
  <button
    aria-controls="accordion1093"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-boundItems"
    type="button"
  />

  Name "confirm":
  <button
    type="button"
  />

  Name "cancel":
  <button
    type="button"
  />

  Name "remove":
  <button
    type="button"
  />

  --------------------------------------------------
  region:

  Name "Item • • Available • Last updated: -":
  <div
    aria-labelledby="paneHeaderitem-view-pane-pane-title"
    class="paneHeader"
    data-test-pane-header="true"
    id="paneHeaderitem-view-pane"
    role="region"
    tabindex="-1"
  />

  Name "Administrative data":
  <div
    aria-labelledby="accordion-toggle-button-acc01"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1082"
    role="region"
  />

  Name "Item data":
  <div
    aria-labelledby="accordion-toggle-button-acc02"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1083"
    role="region"
  />

  Name "Enumeration data":
  <div
    aria-labelledby="accordion-toggle-button-acc03"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1084"
    role="region"
  />

  Name "Condition":
  <div
    aria-labelledby="accordion-toggle-button-acc04"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1085"
    role="region"
  />

  Name "Tags":
  <div
    aria-labelledby="accordion-toggle-button-tag-accordion"
    class="content-region"
    data-test-accordion-wrapper="true"
    id="accordion1086"
    role="region"
  />

  Name "Item notes":
  <div
    aria-labelledby="accordion-toggle-button-acc05"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1087"
    role="region"
  />

  Name "Loan and availability":
  <div
    aria-labelledby="accordion-toggle-button-acc06"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1088"
    role="region"
  />

  Name "Location":
  <div
    aria-labelledby="accordion-toggle-button-acc07"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1089"
    role="region"
  />

  Name "Electronic access":
  <div
    aria-labelledby="accordion-toggle-button-acc08"
    class="content-region"
    data-test-accordion-wrapper="true"
    id="accordion1090"
    role="region"
  />

  Name "Circulation history":
  <div
    aria-labelledby="accordion-toggle-button-acc09"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1091"
    role="region"
  />

  Name "Bound-with and analytics":
  <div
    aria-labelledby="accordion-toggle-button-acc10"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1092"
    role="region"
  />

  Name "Bound pieces data":
  <div
    aria-labelledby="accordion-toggle-button-boundItems"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1093"
    role="region"
  />

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

  Name "Item • • Available":
  <h2
    class="paneTitle"
    data-test-pane-header-title="true"
  />

  Name "Administrative data":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Item data":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Enumeration data":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Condition":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Tags":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Tags":
  <h3
    class="headline size-large margin-large font-weight-bold"
    data-test-headline="true"
  />

  Name "Item notes":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Loan and availability":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Location":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Electronic access":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Circulation history":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Bound-with and analytics":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Bound pieces data":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

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

  Name "Version history":
  <span
    id="version-history-tooltip-text"
    role="tooltip"
  />

  --------------------------------------------------
  link:

  Name "Linked instance ID - 1":
  <a
    aria-label="Linked instance ID - 1"
    href="/inventory/view/1"
  />

  Name "Inactive [object Object] >":
  <a
    href="/inventory/view/1/undefined"
  />

  Name "testBarcode":
  <a
    href="/users/view/userId"
  />

  Name "bwinst0001":
  <a
    class="instanceHrid"
    href="/inventory/view/cd3288a4-898c-4347-a003-2d810ef70f03"
  />

  Name "BW-1":
  <a
    class="holdingsRecordHrid"
    href="/inventory/view/cd3288a4-898c-4347-a003-2d810ef70f03/704ea4ec-456c-4740-852b-0814d59f7d21"
  />

  Name "bwinst0002":
  <a
    class="instanceHrid"
    href="/inventory/view/cd3288a4-898c-4347-a003-2d810ef70f04"
  />

  Name "BW-2":
  <a
    class="holdingsRecordHrid"
    href="/inventory/view/cd3288a4-898c-4347-a003-2d810ef70f04/704ea4ec-456c-4740-852b-0814d59f7d22"
  />

  --------------------------------------------------
  separator:

  Name "":
  <hr />

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

  Name "":
  <div
    aria-live="assertive"
    class="root"
    role="alert"
  />

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

  --------------------------------------------------
  text:

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  --------------------------------------------------
  grid:

  Name "":
  <div
    aria-rowcount="2"
    class=""
    data-total-count="0"
    id="item-list-statistical-codes"
    role="grid"
    tabindex="0"
  />

  Name "":
  <div
    aria-rowcount="2"
    class=""
    data-total-count="0"
    id="administrative-note-list"
    role="grid"
    tabindex="0"
  />

  Name "":
  <div
    aria-rowcount="2"
    class=""
    data-total-count="0"
    id="item-list-electronic-access"
    role="grid"
    tabindex="0"
  />

  Name "":
  <div
    aria-rowcount="3"
    class=""
    data-total-count="0"
    id="item-list-bound-with-titles"
    role="grid"
    tabindex="0"
  />

  --------------------------------------------------
  row:

  Name "Statistical code type Statistical code name":
  <div
    aria-rowindex="1"
    class="mclHeaderRow"
    role="row"
    style="display: flex; width: 17px;"
  />

  Name "no value set no value set":
  <div
    aria-rowindex="2"
    class="mclRowFormatterContainer"
    data-row-index="row-0"
    role="row"
    style="position: static;"
  />

  Name "Administrative note":
  <div
    aria-rowindex="1"
    class="mclHeaderRow"
    role="row"
    style="display: flex; width: 17px;"
  />

  Name "No value set":
  <div
    aria-rowindex="2"
    class="mclRowFormatterContainer"
    data-row-index="row-0"
    role="row"
    style="position: static;"
  />

  Name "URL relationship URI Link text Materials specified URL public note":
  <div
    aria-rowindex="1"
    class="mclHeaderRow"
    role="row"
    style="display: flex; width: 17px;"
  />

  Name "no value set no value set no value set no value set no value set":
  <div
    aria-rowindex="2"
    class="mclRowFormatterContainer"
    data-row-index="row-0"
    role="row"
    style="position: static;"
  />

  Name "Instance HRID Instance title Holdings HRID":
  <div
    aria-rowindex="1"
    class="mclHeaderRow"
    role="row"
    style="display: flex; width: 17px;"
  />

  Name "bwinst0001 Elpannan och dess ekonomiska förutsättningar / av Hakon Wærn BW-1":
  <div
    aria-rowindex="2"
    class="mclRowFormatterContainer"
    data-row-index="row-0"
    role="row"
    style="position: static;"
  />

  Name "bwinst0002 Second Title BW-2":
  <div
    aria-rowindex="3"
    class="mclRowFormatterContainer"
    data-row-index="row-1"
    role="row"
    style="position: static;"
  />

  --------------------------------------------------
  columnheader:

  Name "Statistical code type":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-statisticalcodetype"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Statistical code name":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-statisticalcodename"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Administrative note":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-administrativenote"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "URL relationship":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-urlrelationship"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "URI":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-uri"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Link text":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-linktext"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Materials specified":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-materialsspecified"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "URL public note":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-urlpublicnote"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Instance HRID":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-instancehrid"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Instance title":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-instancetitle"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Holdings HRID":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-holdingshrid"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  --------------------------------------------------
  rowgroup:

  Name "":
  <div
    class="mclRowContainer"
    role="rowgroup"
    style="position: static;"
  />

  Name "":
  <div
    class="mclRowContainer"
    role="rowgroup"
    style="position: static;"
  />

  Name "":
  <div
    class="mclRowContainer"
    role="rowgroup"
    style="position: static;"
  />

  Name "":
  <div
    class="mclRowContainer"
    role="rowgroup"
    style="position: static;"
  />

  --------------------------------------------------
  gridcell:

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "No value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "bwinst0001":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "Elpannan och dess ekonomiska förutsättningar / av Hakon Wærn":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "BW-1":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "bwinst0002":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "Second Title":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "BW-2":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  --------------------------------------------------
  application:

  Name "":
  <div
    aria-expanded="false"
    class="multiSelectContainer"
    id="input-tag"
    role="application"
  />

  --------------------------------------------------
  searchbox:

  Name "0 items selected":
  <div
    aria-describedby="multi-describe-control-input-tag"
    aria-labelledby="multi-value-status-input-tag"
    class="multiSelectControl formControl"
    role="searchbox"
    tabindex="0"
  />

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

  Name "Tag text area":
  <input
    aria-activedescendant=""
    aria-autocomplete="list"
    aria-controls="multiselect-option-list-input-tag"
    aria-expanded="false"
    aria-labelledby="input-tag-label"
    autocomplete="off"
    class="multiSelectFilterField"
    id="input-tag-input"
    placeholder="Enter a tag."
    role="combobox"
    type="text"
    value=""
  />

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

  Name "edit":
  <button
    type="button"
  />

  Name "expandAllSections":
  <button
    type="button"
  />

  Name "collapseAllSections":
  <button
    type="button"
  />

  Name "search":
  <button
    type="button"
  />

  Name "duplicateRecord":
  <button
    type="button"
  />

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

  Name "Actions":
  <button
    aria-expanded="false"
    aria-haspopup="true"
    class="button primary marginBottom0 actionMenuToggle"
    data-test-pane-header-actions-button="true"
    type="button"
  />

  Name "Version history":
  <button
    aria-label="clock"
    aria-labelledby="version-history-tooltip-text"
    class="iconButton medium"
    icon="clock"
    id="version-history-btn"
    type="button"
  />

  Name "confirm":
  <button
    type="button"
  />

  Name "cancel":
  <button
    type="button"
  />

  Name "remove":
  <button
    type="button"
  />

  Name "confirm":
  <button
    type="button"
  />

  Name "cancel":
  <button
    type="button"
  />

  Name "remove":
  <button
    type="button"
  />

  Name "Collapse all":
  <button
    class="button link bottomMargin0"
    data-test-expand-button="true"
    type="button"
  />

  Name "Administrative data":
  <button
    aria-controls="accordion1136"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc01"
    type="button"
  />

  Name "ClipCopy":
  <button
    type="button"
  />

  Name "ClipCopy":
  <button
    type="button"
  />

  Name "Item data":
  <button
    aria-controls="accordion1137"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc02"
    type="button"
  />

  Name "info":
  <button
    aria-label="info"
    class="iconButton medium icon"
    data-test-info-popover-trigger="true"
    data-testid="info-icon-shelving-order"
    icon="info"
    type="button"
  />

  Name "Enumeration data":
  <button
    aria-controls="accordion1138"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc03"
    type="button"
  />

  Name "Condition":
  <button
    aria-controls="accordion1139"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc04"
    type="button"
  />

  Name "Tags":
  <button
    aria-controls="accordion1140"
    aria-expanded="false"
    class="defaultCollapseButton"
    id="accordion-toggle-button-tag-accordion"
    type="button"
  />

  Name "open menu":
  <button
    aria-controls="multiselect-option-list-input-tag"
    aria-expanded="false"
    aria-label="open menu"
    class="multiSelectToggleButton"
    id="downshift-:r17:-toggle-button"
    tabindex="-1"
    type="button"
  />

  Name "Item notes":
  <button
    aria-controls="accordion1141"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc05"
    type="button"
  />

  Name "Loan and availability":
  <button
    aria-controls="accordion1142"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc06"
    type="button"
  />

  Name "Location":
  <button
    aria-controls="accordion1143"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc07"
    type="button"
  />

  Name "Electronic access":
  <button
    aria-controls="accordion1144"
    aria-expanded="false"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc08"
    type="button"
  />

  Name "Circulation history":
  <button
    aria-controls="accordion1145"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc09"
    type="button"
  />

  Name "Bound-with and analytics":
  <button
    aria-controls="accordion1146"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-acc10"
    type="button"
  />

  Name "Bound pieces data":
  <button
    aria-controls="accordion1147"
    aria-expanded="true"
    class="defaultCollapseButton"
    id="accordion-toggle-button-boundItems"
    type="button"
  />

  Name "confirm":
  <button
    type="button"
  />

  Name "cancel":
  <button
    type="button"
  />

  Name "remove":
  <button
    type="button"
  />

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

  --------------------------------------------------
  region:

  Name "Item • • Available • Last updated: -":
  <div
    aria-labelledby="paneHeaderitem-view-pane-pane-title"
    class="paneHeader"
    data-test-pane-header="true"
    id="paneHeaderitem-view-pane"
    role="region"
    tabindex="-1"
  />

  Name "Administrative data":
  <div
    aria-labelledby="accordion-toggle-button-acc01"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1136"
    role="region"
  />

  Name "Item data":
  <div
    aria-labelledby="accordion-toggle-button-acc02"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1137"
    role="region"
  />

  Name "Enumeration data":
  <div
    aria-labelledby="accordion-toggle-button-acc03"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1138"
    role="region"
  />

  Name "Condition":
  <div
    aria-labelledby="accordion-toggle-button-acc04"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1139"
    role="region"
  />

  Name "Tags":
  <div
    aria-labelledby="accordion-toggle-button-tag-accordion"
    class="content-region"
    data-test-accordion-wrapper="true"
    id="accordion1140"
    role="region"
  />

  Name "Item notes":
  <div
    aria-labelledby="accordion-toggle-button-acc05"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1141"
    role="region"
  />

  Name "Loan and availability":
  <div
    aria-labelledby="accordion-toggle-button-acc06"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1142"
    role="region"
  />

  Name "Location":
  <div
    aria-labelledby="accordion-toggle-button-acc07"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1143"
    role="region"
  />

  Name "Electronic access":
  <div
    aria-labelledby="accordion-toggle-button-acc08"
    class="content-region"
    data-test-accordion-wrapper="true"
    id="accordion1144"
    role="region"
  />

  Name "Circulation history":
  <div
    aria-labelledby="accordion-toggle-button-acc09"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1145"
    role="region"
  />

  Name "Bound-with and analytics":
  <div
    aria-labelledby="accordion-toggle-button-acc10"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1146"
    role="region"
  />

  Name "Bound pieces data":
  <div
    aria-labelledby="accordion-toggle-button-boundItems"
    class="content-region expanded"
    data-test-accordion-wrapper="true"
    id="accordion1147"
    role="region"
  />

  Name "Version history":
  <div
    aria-labelledby="paneHeaderversion-history-pane-pane-title"
    class="paneHeader"
    data-test-pane-header="true"
    id="paneHeaderversion-history-pane"
    role="region"
    tabindex="-1"
  />

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

  Name "Item • • Available":
  <h2
    class="paneTitle"
    data-test-pane-header-title="true"
  />

  Name "Administrative data":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Item data":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Enumeration data":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Condition":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Tags":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Tags":
  <h3
    class="headline size-large margin-large font-weight-bold"
    data-test-headline="true"
  />

  Name "Item notes":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Loan and availability":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Location":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Electronic access":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Circulation history":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Bound-with and analytics":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Bound pieces data":
  <h3
    class="headline size-medium margin-none font-weight-bold block"
    data-test-headline="true"
  />

  Name "Version history":
  <h2
    class="paneTitle"
    data-test-pane-header-title="true"
  />

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

  Name "Version history":
  <span
    id="version-history-tooltip-text"
    role="tooltip"
  />

  --------------------------------------------------
  link:

  Name "Linked instance ID - 1":
  <a
    aria-label="Linked instance ID - 1"
    href="/inventory/view/1"
  />

  Name "Inactive [object Object] >":
  <a
    href="/inventory/view/1/undefined"
  />

  Name "testBarcode":
  <a
    href="/users/view/userId"
  />

  Name "bwinst0001":
  <a
    class="instanceHrid"
    href="/inventory/view/cd3288a4-898c-4347-a003-2d810ef70f03"
  />

  Name "BW-1":
  <a
    class="holdingsRecordHrid"
    href="/inventory/view/cd3288a4-898c-4347-a003-2d810ef70f03/704ea4ec-456c-4740-852b-0814d59f7d21"
  />

  Name "bwinst0002":
  <a
    class="instanceHrid"
    href="/inventory/view/cd3288a4-898c-4347-a003-2d810ef70f04"
  />

  Name "BW-2":
  <a
    class="holdingsRecordHrid"
    href="/inventory/view/cd3288a4-898c-4347-a003-2d810ef70f04/704ea4ec-456c-4740-852b-0814d59f7d22"
  />

  --------------------------------------------------
  separator:

  Name "":
  <hr />

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

  Name "":
  <div
    aria-live="assertive"
    class="root"
    role="alert"
  />

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

  --------------------------------------------------
  text:

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  Name "no value set":
  <span
    aria-label="no value set"
    role="text"
  />

  --------------------------------------------------
  grid:

  Name "":
  <div
    aria-rowcount="2"
    class=""
    data-total-count="0"
    id="item-list-statistical-codes"
    role="grid"
    tabindex="0"
  />

  Name "":
  <div
    aria-rowcount="2"
    class=""
    data-total-count="0"
    id="administrative-note-list"
    role="grid"
    tabindex="0"
  />

  Name "":
  <div
    aria-rowcount="2"
    class=""
    data-total-count="0"
    id="item-list-electronic-access"
    role="grid"
    tabindex="0"
  />

  Name "":
  <div
    aria-rowcount="3"
    class=""
    data-total-count="0"
    id="item-list-bound-with-titles"
    role="grid"
    tabindex="0"
  />

  --------------------------------------------------
  row:

  Name "Statistical code type Statistical code name":
  <div
    aria-rowindex="1"
    class="mclHeaderRow"
    role="row"
    style="display: flex; width: 17px;"
  />

  Name "no value set no value set":
  <div
    aria-rowindex="2"
    class="mclRowFormatterContainer"
    data-row-index="row-0"
    role="row"
    style="position: static;"
  />

  Name "Administrative note":
  <div
    aria-rowindex="1"
    class="mclHeaderRow"
    role="row"
    style="display: flex; width: 17px;"
  />

  Name "No value set":
  <div
    aria-rowindex="2"
    class="mclRowFormatterContainer"
    data-row-index="row-0"
    role="row"
    style="position: static;"
  />

  Name "URL relationship URI Link text Materials specified URL public note":
  <div
    aria-rowindex="1"
    class="mclHeaderRow"
    role="row"
    style="display: flex; width: 17px;"
  />

  Name "no value set no value set no value set no value set no value set":
  <div
    aria-rowindex="2"
    class="mclRowFormatterContainer"
    data-row-index="row-0"
    role="row"
    style="position: static;"
  />

  Name "Instance HRID Instance title Holdings HRID":
  <div
    aria-rowindex="1"
    class="mclHeaderRow"
    role="row"
    style="display: flex; width: 17px;"
  />

  Name "bwinst0001 Elpannan och dess ekonomiska förutsättningar / av Hakon Wærn BW-1":
  <div
    aria-rowindex="2"
    class="mclRowFormatterContainer"
    data-row-index="row-0"
    role="row"
    style="position: static;"
  />

  Name "bwinst0002 Second Title BW-2":
  <div
    aria-rowindex="3"
    class="mclRowFormatterContainer"
    data-row-index="row-1"
    role="row"
    style="position: static;"
  />

  --------------------------------------------------
  columnheader:

  Name "Statistical code type":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-statisticalcodetype"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Statistical code name":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-statisticalcodename"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Administrative note":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-administrativenote"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "URL relationship":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-urlrelationship"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "URI":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-uri"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Link text":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-linktext"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Materials specified":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-materialsspecified"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "URL public note":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-urlpublicnote"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Instance HRID":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-instancehrid"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Instance title":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-instancetitle"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  Name "Holdings HRID":
  <div
    aria-sort="none"
    class="mclHeader"
    id="list-column-holdingshrid"
    role="columnheader"
    style="flex: 0 0 auto;"
  />

  --------------------------------------------------
  rowgroup:

  Name "":
  <div
    class="mclRowContainer"
    role="rowgroup"
    style="position: static;"
  />

  Name "":
  <div
    class="mclRowContainer"
    role="rowgroup"
    style="position: static;"
  />

  Name "":
  <div
    class="mclRowContainer"
    role="rowgroup"
    style="position: static;"
  />

  Name "":
  <div
    class="mclRowContainer"
    role="rowgroup"
    style="position: static;"
  />

  --------------------------------------------------
  gridcell:

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "No value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "no value set":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "bwinst0001":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "Elpannan och dess ekonomiska förutsättningar / av Hakon Wærn":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "BW-1":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "bwinst0002":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "Second Title":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  Name "BW-2":
  <div
    class="mclCell mclCellStyle"
    role="gridcell"
  />

  --------------------------------------------------
  application:

  Name "":
  <div
    aria-expanded="false"
    class="multiSelectContainer"
    id="input-tag"
    role="application"
  />

  --------------------------------------------------
  searchbox:

  Name "0 items selected":
  <div
    aria-describedby="multi-describe-control-input-tag"
    aria-labelledby="multi-value-status-input-tag"
    class="multiSelectControl formControl"
    role="searchbox"
    tabindex="0"
  />

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

  Name "Tag text area":
  <input
    aria-activedescendant=""
    aria-autocomplete="list"
    aria-controls="multiselect-option-list-input-tag"
    aria-expanded="false"
    aria-labelledby="input-tag-label"
    autocomplete="off"
    class="multiSelectFilterField"
    id="input-tag-input"
    placeholder="Enter a tag."
    role="combobox"
    type="text"
    value=""
  />

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

Ignored nodes: comments, script, style
<body>
  <div>
    <button
      type="button"
    >
      edit
    </button>
    <button
      type="button"
    >
      expandAllSections
    </button>
    <button
      type="button"
    >
      collapseAllSections
    </button>
    <button
      type="button"
    >
      search
    </button>
    <button
      type="button"
    >
      duplicateRecord
    </button>
    <div
      class="paneset"
    >
      <section
        class="pane focusIndicator"
        data-test-item-view-page="true"
        id="item-view-pane"
        style="flex: 0 0 100%; left: 0px;"
      >
        <div
          aria-labelledby="paneHeaderitem-view-pane-pane-title"
          class="paneHeader"
          data-test-pane-header="true"
          id="paneHeaderitem-view-pane"
          role="region"
          tabindex="-1"
        >
          <div
            class="paneHeaderButtonsArea first"
          >
            <div
              class="paneMenu"
            >
              <button
                aria-label="Close "
                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 />
                </span>
              </button>
            </div>
          </div>
          <div
            class="paneHeaderCenter"
          >
            <div
              class="paneHeaderCenterInner"
              id="paneHeaderitem-view-pane-pane-title"
            >
              <h2
                class="paneTitle"
                data-test-pane-header-title="true"
              >
                <div
                  class="appIcon small icon-alignment-center"
                >
                  <span
                    aria-hidden="true"
                    class="icon"
                  />
                </div>
                <span
                  class="paneTitleLabel"
                >
                  <span
                    data-test-header-item-title="true"
                  >
                    Item •  • Available
                  </span>
                </span>
              </h2>
              <p
                class="paneSub"
                data-test-pane-header-sub="true"
                id="paneHeaderitem-view-pane-subtitle"
              >
                <span>
                   • Last updated: -
                </span>
              </p>
            </div>
          </div>
          <div
            class="paneHeaderButtonsArea last"
          >
            <div
              class="paneMenu"
            >
              <div
                class="dropdown"
                data-pane-header-actions-dropdown="true"
              >
                <button
                  aria-expanded="false"
                  aria-haspopup="true"
                  class="button primary marginBottom0 actionMenuToggle"
                  data-test-pane-header-actions-button="true"
                  type="button"
                >
                  <span
                    class="inner"
                  >
                    Actions
                  </span>
                </button>
                <div
                  style="display: none;"
                >
                  <div
                    class="DropdownMenu"
                    style="left: 0px; display: block;"
                  >
                    <section
                      aria-labelledby="items-list-actions-label"
                      class="menuSection"
                      data-test-menu-section="true"
                      id="items-list-actions"
                    >
                      <button
                        class="button dropdownItem"
                        id="clickable-edit-item"
                        type="button"
                      >
                        <span
                          class="inner"
                        >
                          Edit
                        </span>
                      </button>
                      <button
                        class="button dropdownItem"
                        id="clickable-copy-item"
                        type="button"
                      >
                        <span
                          class="inner"
                        >
                          Duplicate
                        </span>
                      </button>
                      <button
                        class="button ...
    at Object.getElementError (/home/runner/work/ui-inventory/ui-inventory/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /home/runner/work/ui-inventory/ui-inventory/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /home/runner/work/ui-inventory/ui-inventory/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /home/runner/work/ui-inventory/ui-inventory/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByRole (/home/runner/work/ui-inventory/ui-inventory/src/views/ItemView.test.js:327:38)