WorkspacesPage:Show Organizations

Build 16832 on mes/org-name-fix
1200px
Reviewing disabled
View latest build
ErrorBuild 16832 on mes/org-name-fix
View Storybook
ErrorBuild 16832 on mes/org-name-fix
View Storybook
Fail
WorkspacesPageView.stories.tsx
Unable to find role="cell" and name `/org\s?(?:anization)?\s?:\s?Limbus Co\./i`

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-1mehl3t"
  >
    <header
      class="css-ukkri8"
      data-testid="header"
    >
      <hgroup>
        <h1
          class="css-hqf1rm"
        >
          <div
            class="css-1e417x4"
          >
            <span>
              Workspaces
            </span>
            <button
              aria-expanded="false"
              aria-haspopup="true"
              aria-label="More info"
              aria-owns=":r0:-popover"
              class="css-20n668"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                data-testid="HelpOutlineIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
                />
              </svg>
            </button>
          </div>
        </h1>
      </hgroup>
      <div
        class="css-1rvqxfh"
      >
        <button
          aria-expanded="false"
          aria-haspopup="true"
          aria-owns=":r1:-popover"
          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedNeutral MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-contained MuiButton-containedNeutral MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorNeutral css-6f2t84"
          tabindex="0"
          type="button"
        >
          <span
            class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="AddOutlinedIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
              />
            </svg>
          </span>
          Create Workspace…
        </button>
      </div>
    </header>
    <div
      class="css-dklviq"
    >
      <div
        class="css-15jn1qt"
      >
        <div
          class="css-fibiml"
        >
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-jsdq48"
            tabindex="0"
            type="button"
          >
            Filters
            <span
              class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-18x2z0c"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                data-testid="KeyboardArrowDownIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
                />
              </svg>
            </span>
          </button>
          <div
            class="MuiFormControl-root MuiTextField-root css-34qqbi"
          >
            <div
              aria-label="Filter"
              class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd css-4uhfdh"
            >
              <div
                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-6xum9m"
              >
                <span
                  class="notranslate"
                >
                  ​
                </span>
                <svg
                  aria-hidden="true"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-10yxsqw"
                  data-testid="SearchOutlinedIcon"
                  focusable="false"
                  viewBox="0 0 24 24"
                >
                  <path
                    d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
                  />
                </svg>
              </div>
              <input
                aria-invalid="false"
                class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-nvbrea"
                id=":r2:"
                placeholder="Search..."
                type="text"
                value="owner:me"
              />
              <div
                class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-1ti6y9h"
              >
                <button
                  aria-label="Clear field"
                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1j54dlv"
                  tabindex="0"
                  type="button"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-16zd2v7"
                    data-testid="CloseOutlinedIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                    />
                  </svg>
                  <span
                    class="css-1am6aje"
                  >
                    Clear field
                  </span>
                </button>
              </div>
              <fieldset
                aria-hidden="true"
                class="MuiOutlinedInput-notchedOutline css-nqlg3w"
              >
                <legend
                  class="css-ihdtdm"
                >
                  <span
                    class="notranslate"
                  >
                    ​
                  </span>
                </legend>
              </fieldset>
            </div>
          </div>
        </div>
        <button
          aria-expanded="false"
          aria-haspopup="true"
          aria-label="Select user"
          aria-owns=":r4:-popover"
          class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outl...

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-1mehl3t"
  >
    <header
      class="css-ukkri8"
      data-testid="header"
    >
      <hgroup>
        <h1
          class="css-hqf1rm"
        >
          <div
            class="css-1e417x4"
          >
            <span>
              Workspaces
            </span>
            <button
              aria-expanded="false"
              aria-haspopup="true"
              aria-label="More info"
              aria-owns=":r0:-popover"
              class="css-20n668"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                data-testid="HelpOutlineIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
                />
              </svg>
            </button>
          </div>
        </h1>
      </hgroup>
      <div
        class="css-1rvqxfh"
      >
        <button
          aria-expanded="false"
          aria-haspopup="true"
          aria-owns=":r1:-popover"
          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedNeutral MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-contained MuiButton-containedNeutral MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorNeutral css-6f2t84"
          tabindex="0"
          type="button"
        >
          <span
            class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="AddOutlinedIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
              />
            </svg>
          </span>
          Create Workspace…
        </button>
      </div>
    </header>
    <div
      class="css-dklviq"
    >
      <div
        class="css-15jn1qt"
      >
        <div
          class="css-fibiml"
        >
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-jsdq48"
            tabindex="0"
            type="button"
          >
            Filters
            <span
              class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-18x2z0c"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                data-testid="KeyboardArrowDownIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
                />
              </svg>
            </span>
          </button>
          <div
            class="MuiFormControl-root MuiTextField-root css-34qqbi"
          >
            <div
              aria-label="Filter"
              class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd css-4uhfdh"
            >
              <div
                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-6xum9m"
              >
                <span
                  class="notranslate"
                >
                  ​
                </span>
                <svg
                  aria-hidden="true"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-10yxsqw"
                  data-testid="SearchOutlinedIcon"
                  focusable="false"
                  viewBox="0 0 24 24"
                >
                  <path
                    d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
                  />
                </svg>
              </div>
              <input
                aria-invalid="false"
                class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-nvbrea"
                id=":r2:"
                placeholder="Search..."
                type="text"
                value="owner:me"
              />
              <div
                class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-1ti6y9h"
              >
                <button
                  aria-label="Clear field"
                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1j54dlv"
                  tabindex="0"
                  type="button"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-16zd2v7"
                    data-testid="CloseOutlinedIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                    />
                  </svg>
                  <span
                    class="css-1am6aje"
                  >
                    Clear field
                  </span>
                </button>
              </div>
              <fieldset
                aria-hidden="true"
                class="MuiOutlinedInput-notchedOutline css-nqlg3w"
              >
                <legend
                  class="css-ihdtdm"
                >
                  <span
                    class="notranslate"
                  >
                    ​
                  </span>
                </legend>
              </fieldset>
            </div>
          </div>
        </div>
        <button
          aria-expanded="false"
          aria-haspopup="true"
          aria-label="Select user"
          aria-owns=":r4:-popover"
          class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outl...
View in Storybook
Chrome 121
1168x370
Linux Linux Ubuntu 20.04.4
2bef10 on mes/org-name-fix
Caught exception in play function

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

Error: Unable to find role="cell" and name `/org\s?(?:anization)?\s?:\s?Limbus Co\./i`

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-1mehl3t"
  >
    <header
      class="css-ukkri8"
      data-testid="header"
    >
      <hgroup>
        <h1
          class="css-hqf1rm"
        >
          <div
            class="css-1e417x4"
          >
            <span>
              Workspaces
            </span>
            <button
              aria-expanded="false"
              aria-haspopup="true"
              aria-label="More info"
              aria-owns=":r0:-popover"
              class="css-20n668"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                data-testid="HelpOutlineIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
                />
              </svg>
            </button>
          </div>
        </h1>
      </hgroup>
      <div
        class="css-1rvqxfh"
      >
        <button
          aria-expanded="false"
          aria-haspopup="true"
          aria-owns=":r1:-popover"
          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedNeutral MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-contained MuiButton-containedNeutral MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorNeutral css-6f2t84"
          tabindex="0"
          type="button"
        >
          <span
            class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1qwizk2"
          >
            <svg
              aria-hidden="true"
              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
              data-testid="AddOutlinedIcon"
              focusable="false"
              viewBox="0 0 24 24"
            >
              <path
                d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
              />
            </svg>
          </span>
          Create Workspace…
        </button>
      </div>
    </header>
    <div
      class="css-dklviq"
    >
      <div
        class="css-15jn1qt"
      >
        <div
          class="css-fibiml"
        >
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral css-jsdq48"
            tabindex="0"
            type="button"
          >
            Filters
            <span
              class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium css-18x2z0c"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv"
                data-testid="KeyboardArrowDownIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
                />
              </svg>
            </span>
          </button>
          <div
            class="MuiFormControl-root MuiTextField-root css-34qqbi"
          >
            <div
              aria-label="Filter"
              class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd css-4uhfdh"
            >
              <div
                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-6xum9m"
              >
                <span
                  class="notranslate"
                >
                  ​
                </span>
                <svg
                  aria-hidden="true"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-10yxsqw"
                  data-testid="SearchOutlinedIcon"
                  focusable="false"
                  viewBox="0 0 24 24"
                >
                  <path
                    d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
                  />
                </svg>
              </div>
              <input
                aria-invalid="false"
                class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-nvbrea"
                id=":r2:"
                placeholder="Search..."
                type="text"
                value="owner:me"
              />
              <div
                class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-1ti6y9h"
              >
                <button
                  aria-label="Clear field"
                  class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1j54dlv"
                  tabindex="0"
                  type="button"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-16zd2v7"
                    data-testid="CloseOutlinedIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                    />
                  </svg>
                  <span
                    class="css-1am6aje"
                  >
                    Clear field
                  </span>
                </button>
              </div>
              <fieldset
                aria-hidden="true"
                class="MuiOutlinedInput-notchedOutline css-nqlg3w"
              >
                <legend
                  class="css-ihdtdm"
                >
                  <span
                    class="notranslate"
                  >
                    ​
                  </span>
                </legend>
              </fieldset>
            </div>
          </div>
        </div>
        <button
          aria-expanded="false"
          aria-haspopup="true"
          aria-label="Select user"
          aria-owns=":r4:-popover"
          class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedNeutral MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorNeutral MuiButton-root MuiButton-outlined MuiButton-outl...
    at Zo (https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/assets/index-WYMwVPUu.js:130:3345)
    at https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/assets/index-WYMwVPUu.js:138:235
    at cn.invoke (https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/assets/index-U6Do-Xt6.js:28:8806)
    at cn.intercept (https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/assets/index-U6Do-Xt6.js:28:6412)
    at cn.track (https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/assets/index-U6Do-Xt6.js:28:6144)
    at Object.findByRole (https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/assets/index-U6Do-Xt6.js:28:5517)
    at play (https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/assets/WorkspacesPageView.stories-C7ZE28KU.js:1:22246)
    at playFunction (https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/sb-preview/runtime.js:113:6184)
    at https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/sb-preview/runtime.js:144:3903
    at StoryRender.runPhase (https://624de63c6aacee003aa84340-agkfmsxwcs.capture-loopback.chromatic.com/sb-preview/runtime.js:144:943)