LinkProject:Select Project Many Projects

Build 161 on matt/ap-3443-project-picker-improvements
960px
Reviewing disabled
Fail
LinkProject.stories.ts
Unable to find an element by: [data-testid="right-list"]

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-11mjrbp"
    orientation="right"
  >
    <div
      class="css-nlyae3"
      data-canvas="right"
      orientation="right"
    >
      <div
        class="css-10vwj32"
      >
        <h1
          class="css-rpn2xa"
        >
          Select a Project
        </h1>
        <p
          class="css-b0bots"
        >
          Baselines will be used with this project.
        </p>
        <div
          class="css-11jfl0j"
        >
          <div
            class="css-32120x"
          >
            <div
              class="css-1wmmv3f"
            >
              Accounts
            </div>
            <div
              class="css-u718rw"
            >
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-sxyyxz e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      yummly
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      acme corp
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      third corp
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      fourth corp
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      fifth corp
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <sp...

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-11mjrbp"
    orientation="right"
  >
    <div
      class="css-nlyae3"
      data-canvas="right"
      orientation="right"
    >
      <div
        class="css-10vwj32"
      >
        <h1
          class="css-rpn2xa"
        >
          Select a Project
        </h1>
        <p
          class="css-b0bots"
        >
          Baselines will be used with this project.
        </p>
        <div
          class="css-11jfl0j"
        >
          <div
            class="css-32120x"
          >
            <div
              class="css-1wmmv3f"
            >
              Accounts
            </div>
            <div
              class="css-u718rw"
            >
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-sxyyxz e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      yummly
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      acme corp
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      third corp
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      fourth corp
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <span
                      class="css-5h3ni7 e1cw8g26"
                    >
                      fifth corp
                    </span>
                  </span>
                </a>
              </li>
              <li
                class="css-89cqsy e1cw8g23"
              >
                <a
                  class="css-1f5ehsr e1cw8g21"
                >
                  <span
                    class="css-1ytwb0j e1cw8g22"
                    role="presentation"
                  >
                    <span
                      class="css-0 e1cw8g27"
                    >
                      <div
                        aria-label="loading"
                        class="css-12frltk css-a8sy1o e14kqdha2"
                        type="user"
                      >
                        <div
                          aria-hidden="true"
                          class="css-b9l47c e14kqdha0"
                        >
                          l
                        </div>
                      </div>
                    </span>
                    <sp...
View in Storybook
Chrome 105
880x640
Linux Linux Ubuntu 20.04.4
00c20d on matt/ap-3443-project-picker-improvements
Caught exception in play function

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

Error: ignoredException
    at https://6480e1b0042842f149cfd74c-yfrliqffcs.capture.chromatic.com/sb-preview/runtime.js:4:95647