WorkspaceOutdatedTooltip:Workspace Outdated Tooltip

Unable to find an element with the text: first version. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<div
  aria-hidden="true"
  id="storybook-root"
>
  <button
    aria-haspopup="true"
    aria-label="More info"
    aria-owns=":r0:-popover"
    class="css-1g9qohu"
  >
    <svg
      aria-hidden="true"
      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-179rdcj"
      data-testid="InfoOutlinedIcon"
      focusable="false"
      viewBox="0 0 24 24"
    >
      <path
        d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
      />
    </svg>
  </button>
  <div
    class="MuiPopover-root MuiModal-root css-13s503s"
    id=":r0:-popover"
    role="presentation"
  >
    <div
      aria-hidden="true"
      class="MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop css-esi9ax"
      style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
    />
    <div
      data-testid="sentinelStart"
      tabindex="0"
    />
    <div
      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation8 MuiPopover-paper css-dh9eu5"
      style="opacity: 1; transform: none; transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; top: 36px; left: 16px; transform-origin: 0px 0px;"
      tabindex="-1"
    >
      <h4
        class="css-1s4nfj9"
      >
        Outdated
      </h4>
      <p
        class="css-l5xlbo"
      >
        This workspace version is outdated and a newer version is available.
      </p>
      <div
        class="css-153bqn9"
      >
        <div
          class="css-7j88ip"
        >
          <div
            class="css-jhgnxj"
          >
            New version
          </div>
          <div>
            <a
              class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-1a858fj"
              href="/templates/Test Template/versions/test-version"
              target="_blank"
            >
              test-version
            </a>
          </div>
        </div>
        <div
          class="css-7j88ip"
        >
          <div
            class="css-jhgnxj"
          >
            Message
          </div>
          <div>
            No message
          </div>
        </div>
      </div>
      <div
        class="css-b22vil"
      >
        <button
          aria-label=""
          class="css-c3h9br"
        >
          <svg
            aria-hidden="true"
            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-6wf9lq"
            data-testid="RefreshIcon"
            focusable="false"
            viewBox="0 0 24 24"
          >
            <path
              d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
            />
          </svg>
          Update
        </button>
      </div>
    </div>
    <div
      data-testid="sentinelEnd"
      tabindex="0"
    />
  </div>
</div>

Chrome 105

1200x900

Linux Linux Ubuntu 20.04.4

777fee on reland-activity-and-autostop-changes