UsersPage:Update User Role Error

Build 18257 on lilac/amhfhdp
1200px
Read only
ErrorBuild 18257 on lilac/amhfhdp
View Storybook
ErrorBuild 18257 on lilac/amhfhdp
View Storybook
Fail
UsersPage.stories.tsx
Unable to find a label with the text of: Auditor

Ignored nodes: comments, script, style
<tr
  class="MuiTableRow-root css-knfqw8"
  data-testid="user-a73425d1-53a7-43d3-b6ae-cae9ba59b92b"
>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <div
      class="css-1sverao"
    >
      <div
        class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-178oz1u"
      >
        X
      </div>
      <div
        class="css-1y2j4h0"
      >
        <span
          class="css-jhgnxj"
        >
          xbauer
        </span>
        <span
          class="css-4753a8"
        >
          janet83@gmail.com
        </span>
      </div>
    </div>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <div
      class="MuiStack-root css-1mzerio"
    >
      <button
        aria-expanded="true"
        aria-haspopup="true"
        aria-label="Edit user roles"
        aria-owns=":r2:-popover"
        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall  css-e9pys8"
        tabindex="0"
        type="button"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
          focusable="false"
          viewBox="0 0 48 48"
        >
          <path
            d="M9 47.4q-1.2 0-2.1-.9-.9-.9-.9-2.1v-30q0-1.2.9-2.1.9-.9 2.1-.9h20.25l-3 3H9v30h30V27l3-3v20.4q0 1.2-.9 2.1-.9.9-2.1.9Zm15-18Zm9.1-17.6 2.15 2.1L21 28.1v4.3h4.25l14.3-14.3 2.1 2.1L26.5 35.4H18v-8.5Zm8.55 8.4-8.55-8.4 5-5q.85-.85 2.125-.85t2.125.9l4.2 4.25q.85.9.85 2.125t-.9 2.075Z"
          />
        </svg>
      </button>
      <div
        class="css-mdeh2b"
      >
        Owner
      </div>
      <div
        aria-expanded="false"
        aria-haspopup="true"
        aria-owns=":r4:-popover"
        class="css-1geshqh"
      >
        +
        1
         more
      </div>
    </div>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <button
      aria-expanded="false"
      aria-haspopup="true"
      aria-owns=":r5:-popover"
      class="css-19hv77d"
    >
      <div
        class="css-kz4ll3"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-dv9ngv"
          data-testid="GroupIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"
          />
        </svg>
        <span>
          5
           Group
          s
        </span>
      </div>
    </button>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <div
      class="css-1lmybp3"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1by6rmc"
        data-testid="GitHubIcon"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.28.73-.55v-1.84c-3.03.64-3.67-1.46-3.67-1.46-.55-1.29-1.28-1.65-1.28-1.65-.92-.65.1-.65.1-.65 1.1 0 1.73 1.1 1.73 1.1.92 1.65 2.57 1.2 3.21.92a2 2 0 01.64-1.47c-2.47-.27-5.04-1.19-5.04-5.5 0-1.1.46-2.1 1.2-2.84a3.76 3.76 0 010-2.93s.91-.28 3.11 1.1c1.8-.49 3.7-.49 5.5 0 2.1-1.38 3.02-1.1 3.02-1.1a3.76 3.76 0 010 2.93c.83.74 1.2 1.74 1.2 2.94 0 4.21-2.57 5.13-5.04 5.4.45.37.82.92.82 2.02v3.03c0 .27.1.64.73.55A11 11 0 0012 1.27"
        />
      </svg>
      GitHub
    </div>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1vpi8at"
  >
    <div>
      active
    </div>
    <span
      class="css-17yeqks"
      data-chromatic="ignore"
    >
      3 months ago
    </span>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <button
      aria-controls="more-options"
      aria-haspopup="true"
      aria-label="More options"
      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-x1q5gv"
      tabindex="0"
      type="button"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
        data-testid="MoreVertOutlinedIcon"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
        />
      </svg>
    </button>
  </td>
</tr>
View in Storybook
Chrome 121
1168x2220
Linux Linux Ubuntu 20.04.4
cdfa9e on lilac/amhfhdp
Caught exception in play function

This story threw an error after it finished rendering which means interactions may not have been executed fully.

TestingLibraryElementError: Unable to find a label with the text of: Auditor

Ignored nodes: comments, script, style
<tr
  class="MuiTableRow-root css-knfqw8"
  data-testid="user-a73425d1-53a7-43d3-b6ae-cae9ba59b92b"
>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <div
      class="css-1sverao"
    >
      <div
        class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-178oz1u"
      >
        X
      </div>
      <div
        class="css-1y2j4h0"
      >
        <span
          class="css-jhgnxj"
        >
          xbauer
        </span>
        <span
          class="css-4753a8"
        >
          janet83@gmail.com
        </span>
      </div>
    </div>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <div
      class="MuiStack-root css-1mzerio"
    >
      <button
        aria-expanded="true"
        aria-haspopup="true"
        aria-label="Edit user roles"
        aria-owns=":r2:-popover"
        class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall  css-e9pys8"
        tabindex="0"
        type="button"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
          focusable="false"
          viewBox="0 0 48 48"
        >
          <path
            d="M9 47.4q-1.2 0-2.1-.9-.9-.9-.9-2.1v-30q0-1.2.9-2.1.9-.9 2.1-.9h20.25l-3 3H9v30h30V27l3-3v20.4q0 1.2-.9 2.1-.9.9-2.1.9Zm15-18Zm9.1-17.6 2.15 2.1L21 28.1v4.3h4.25l14.3-14.3 2.1 2.1L26.5 35.4H18v-8.5Zm8.55 8.4-8.55-8.4 5-5q.85-.85 2.125-.85t2.125.9l4.2 4.25q.85.9.85 2.125t-.9 2.075Z"
          />
        </svg>
      </button>
      <div
        class="css-mdeh2b"
      >
        Owner
      </div>
      <div
        aria-expanded="false"
        aria-haspopup="true"
        aria-owns=":r4:-popover"
        class="css-1geshqh"
      >
        +
        1
         more
      </div>
    </div>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <button
      aria-expanded="false"
      aria-haspopup="true"
      aria-owns=":r5:-popover"
      class="css-19hv77d"
    >
      <div
        class="css-kz4ll3"
      >
        <svg
          aria-hidden="true"
          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-dv9ngv"
          data-testid="GroupIcon"
          focusable="false"
          viewBox="0 0 24 24"
        >
          <path
            d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"
          />
        </svg>
        <span>
          5
           Group
          s
        </span>
      </div>
    </button>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <div
      class="css-1lmybp3"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1by6rmc"
        data-testid="GitHubIcon"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.28.73-.55v-1.84c-3.03.64-3.67-1.46-3.67-1.46-.55-1.29-1.28-1.65-1.28-1.65-.92-.65.1-.65.1-.65 1.1 0 1.73 1.1 1.73 1.1.92 1.65 2.57 1.2 3.21.92a2 2 0 01.64-1.47c-2.47-.27-5.04-1.19-5.04-5.5 0-1.1.46-2.1 1.2-2.84a3.76 3.76 0 010-2.93s.91-.28 3.11 1.1c1.8-.49 3.7-.49 5.5 0 2.1-1.38 3.02-1.1 3.02-1.1a3.76 3.76 0 010 2.93c.83.74 1.2 1.74 1.2 2.94 0 4.21-2.57 5.13-5.04 5.4.45.37.82.92.82 2.02v3.03c0 .27.1.64.73.55A11 11 0 0012 1.27"
        />
      </svg>
      GitHub
    </div>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1vpi8at"
  >
    <div>
      active
    </div>
    <span
      class="css-17yeqks"
      data-chromatic="ignore"
    >
      3 months ago
    </span>
  </td>
  <td
    class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-3ti3ux"
  >
    <button
      aria-controls="more-options"
      aria-haspopup="true"
      aria-label="More options"
      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-x1q5gv"
      tabindex="0"
      type="button"
    >
      <svg
        aria-hidden="true"
        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
        data-testid="MoreVertOutlinedIcon"
        focusable="false"
        viewBox="0 0 24 24"
      >
        <path
          d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
        />
      </svg>
    </button>
  </td>
</tr>
    at Object.getElementError (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:184:284)
    at Vt (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:208:231)
    at https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:198:4139
    at https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:206:386
    at r_.invoke (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:8338)
    at r_.track (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:5570)
    at Object.getByLabelText (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/index-DSMIigBc.js:48:4943)
    at play (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/assets/UsersPage.stories-C9-F5IqF.js:1:48363)
    at async mn.runPhase (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/sb-preview/runtime.js:5872:94)
    at async mn.render (https://624de63c6aacee003aa84340-bauanzggrf.capture-loopback.chromatic.com/sb-preview/runtime.js:5985:14)