TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/Change/` Here are the accessible roles: presentation: Name "": <div class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root" data-testid="file-tagging-dialog" role="presentation" /> Name "": <div class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" /> -------------------------------------------------- dialog: Name "Tell us what these files show": <div aria-labelledby="dialog-heading" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthXl css-od9jes-MuiPaper-root-MuiDialog-paper" role="dialog" /> -------------------------------------------------- heading: Name "Tell us what these files show": <h2 class="MuiTypography-root MuiTypography-h3 css-je6gbm-MuiTypography-root" id="dialog-heading" /> -------------------------------------------------- alert: Name "": <div class="MuiBox-root css-qsaw8" data-testid="error-wrapper" role="alert" /> Name "": <div class="MuiBox-root css-qsaw8" data-testid="error-wrapper" role="alert" /> -------------------------------------------------- progressbar: Name "test.jpg": <div aria-label="test.jpg" aria-valuenow="0" class="MuiBox-root css-15wh31n" role="progressbar" /> -------------------------------------------------- img: Name "Preview of uploaded file: undefined": <img alt="Preview of uploaded file: undefined" /> -------------------------------------------------- button: Name "Delete test.jpg": <button aria-label="Delete test.jpg" class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1fdlu4-MuiButtonBase-root-MuiIconButton-root" tabindex="0" title="Delete test.jpg" type="button" /> Name "Open": <button aria-label="Open" class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator css-3je33g-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator" tabindex="-1" title="Open" type="button" /> Name "Done": <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrompt MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrompt MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation css-kvjzzm-MuiButtonBase-root-MuiButton-root" data-testid="modal-done-button" tabindex="0" type="button" /> Name "Cancel": <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation css-mvb3ev-MuiButtonBase-root-MuiButton-root" data-testid="modal-cancel-button" tabindex="0" type="button" /> -------------------------------------------------- status: Name "": <div aria-atomic="true" aria-live="polite" class="MuiAutocomplete-root MuiAutocomplete-hasPopupIcon css-3e2eah-MuiAutocomplete-root" role="status" /> -------------------------------------------------- combobox: Name "What does this file show? (select all that apply)": <input aria-autocomplete="list" aria-expanded="false" aria-invalid="false" autocapitalize="none" autocomplete="off" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-9086n7-MuiInputBase-input-MuiOutlinedInput-input"

src/pages/FlowEditor/components/Team/tests/TeamMembers.updateEditor.test.tsx > when a user presses 'edit button' > opens the modal and displays the input fields with all inputs prepopulated: editor.planx.uk/src/pages/FlowEditor/components/Team/tests/TeamMembers.updateEditor.test.tsx#L26

TestingLibraryElementError: Unable to find an element by: [data-testid="edit-button-0"] Ignored nodes: comments, script, style <div class="MuiBox-root css-5cyujn" data-testid="team-editors" > <h3 class="MuiTypography-root MuiTypography-h2 MuiTypography-gutterBottom css-mn4f0i-MuiTypography-root" > Team editors </h3> <p class="MuiTypography-root MuiTypography-body1 css-1o0jdks-MuiTypography-root" > Editors have access to edit your services. </p> <div class="MuiTableContainer-root css-rorn0c-MuiTableContainer-root" > <table class="MuiTable-root css-zrur86-MuiTable-root" > <thead class="MuiTableHead-root css-15wwp11-MuiTableHead-root" > <tr class="MuiTableRow-root MuiTableRow-head css-n7x75a-MuiTableRow-root" > <th class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-18nygol-MuiTableCell-root" scope="col" > <strong> User </strong> </th> <th class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-ifspdd-MuiTableCell-root" scope="col" > <strong> Role </strong> </th> <th class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-oiato4-MuiTableCell-root" scope="col" > <strong> Email </strong> </th> <th class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-oiato4-MuiTableCell-root" scope="col" /> <th class="MuiTableCell-root MuiTableCell-head MuiTableCell-sizeMedium css-oiato4-MuiTableCell-root" scope="col" /> </tr> </thead> <tbody class="MuiTableBody-root css-apqrd9-MuiTableBody-root" data-testid="members-table-add-editor" > <tr class="MuiTableRow-root css-n7x75a-MuiTableRow-root" > <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-nbhtyp-MuiTableCell-root" > <div class="MuiBox-root css-70qvj9" > <div class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-12g3287-MuiAvatar-root" > B B </div> Bilbo Baggins </div> </td> <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1w5vrx3-MuiTableCell-root" > <div class="MuiChip-root MuiChip-filled MuiChip-sizeSmall MuiChip-colorDefault MuiChip-filledDefault css-ilnnnp-MuiChip-root" > <span class="MuiChip-label MuiChip-labelSmall css-wjsjww-MuiChip-label" > Editor </span> </div> </td> <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1w5vrx3-MuiTableCell-root" > [email protected] </td> <td class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1w5vrx3-MuiTableCell-root" > <button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-disableElevation MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-disableElevation css-1ei6eao-MuiButtonBase-root-MuiButton-root" data-testid="edit-button-3" tabindex="0" type="button" > Edit <span class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" /> </button> </td> <td c

src/pages/FlowEditor/components/Team/tests/TeamMembers.updateEditor.test.tsx > when a user presses 'edit button' > disables the update user button: editor.planx.uk/src/pages/FlowEditor/components/Team/tests/TeamMembers.updateEditor.test.tsx#L26