RUN  v4.1.1 /home/sawyer/.bb/report-worktrees/bb-report-2450-revise-Bnt2t7/apps/app

 ❯ |@bb/app:isolated| src/components/secondary-panel/issue2450.repro.test.tsx (1 test | 1 failed) 240ms
     × gives every fixed-tab split pane a direct remove action 240ms

⎯⎯⎯⎯⎯⎯⎯ Failed Tests 1 ⎯⎯⎯⎯⎯⎯⎯

 FAIL  |@bb/app:isolated| src/components/secondary-panel/issue2450.repro.test.tsx > issue 2450 reproduction > gives every fixed-tab split pane a direct remove action
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Remove split"

Here are the accessible roles:

  separator:

  Name "Resize thread and right panel":
  <div
    aria-label="Resize thread and right panel"
    class="group relative shrink-0 overflow-visible transition-[width,opacity,background-color] z-[25] duration-[var(--panel-collapse-duration,220ms)] ease-[cubic-bezier(0.32,0.72,0,1)] cursor-col-resize bg-transparent w-0 opacity-100"
    data-panel-group-direction="horizontal"
    data-panel-group-id="_r_0_"
    data-panel-resize-handle-enabled="true"
    data-panel-resize-handle-id="thread-detail-secondary-panel-handle"
    data-resize-handle=""
    data-resize-handle-state="inactive"
    id="thread-detail-secondary-panel-handle"
    role="separator"
    style="touch-action: none; user-select: none;"
    tabindex="0"
  />

  Name "Resize right panel panes":
  <div
    aria-label="Resize right panel panes"
    aria-orientation="vertical"
    class="group relative z-[25] shrink-0 bg-border-seam transition-colors hover:bg-ring/40 data-[dragging]:bg-ring/40 [app-region:no-drag] [-webkit-app-region:no-drag] w-px cursor-col-resize"
    role="separator"
  />

  --------------------------------------------------
  complementary:

  Name "":
  <aside
    aria-hidden="false"
    class="flex h-full min-h-0 flex-col overflow-hidden bg-sidebar absolute inset-y-0 left-0 border-l border-border-seam"
    style="width: var(--secondary-swipe-width, 50cqw);"
  />

  --------------------------------------------------
  toolbar:

  Name "Right panel views":
  <div
    aria-label="Right panel views"
    class="flex min-w-0 flex-1 items-center gap-1 transition-[padding] duration-[var(--panel-collapse-duration,220ms)] ease-[cubic-bezier(0.32,0.72,0,1)]"
    data-sidebar-split-tab-group="pane-primary"
    role="toolbar"
  />

  Name "Right panel views":
  <div
    aria-label="Right panel views"
    class="flex min-w-0 flex-1 items-center gap-1 transition-[padding] duration-[var(--panel-collapse-duration,220ms)] ease-[cubic-bezier(0.32,0.72,0,1)]"
    data-sidebar-split-tab-group="pane-1"
    role="toolbar"
  />

  --------------------------------------------------
  button:

  Name "Show thread info panel":
  <button
    aria-label="Show thread info panel"
    aria-pressed="true"
    class="flex h-full min-w-0 items-center rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring px-1.5"
    type="button"
  />

  Name "Show diff panel":
  <button
    aria-label="Show diff panel"
    aria-pressed="true"
    class="flex h-full min-w-0 items-center rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring px-1.5"
    type="button"
  />

  Name "Open new tab":
  <button
    aria-label="Open new tab"
    class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors duration-150 hover:duration-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-state-hover aria-pressed:bg-state-active aria-pressed:text-foreground aria-pressed:hover:bg-state-active data-[state=open]:bg-state-active data-[state=open]:hover:bg-state-active text-xs h-7 w-7 rounded-md p-0 [&_svg]:size-3.5 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9 max-md:pointer-coarse:[&_svg]:size-5 shrink-0 text-subtle-foreground/75 hover:text-muted-foreground data-[state=open]:text-subtle-foreground/75"
    type="button"
  />

  Name "Full Screen":
  <button
    aria-expanded="false"
    aria-haspopup="menu"
    aria-label="Full Screen"
    aria-pressed="false"
    class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors duration-150 hover:duration-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-state-hover aria-pressed:bg-state-active aria-pressed:text-foreground aria-pressed:hover:bg-state-active data-[state=open]:bg-state-active data-[state=open]:hover:bg-state-active h-[28px] w-[28px] rounded-md p-0 max-md:pointer-coarse:h-[36px] max-md:pointer-coarse:w-[36px] [&_svg]:size-[13px] max-md:pointer-coarse:[&_svg]:size-[16px] text-subtle-foreground/75 hover:text-muted-foreground data-[state=open]:text-subtle-foreground/75 shrink-0"
    type="button"
  />

  Name "Hide right panel":
  <button
    aria-label="Hide right panel"
    class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors duration-150 hover:duration-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-state-hover aria-pressed:bg-state-active aria-pressed:text-foreground aria-pressed:hover:bg-state-active data-[state=open]:bg-state-active data-[state=open]:hover:bg-state-active h-[28px] w-[28px] rounded-md p-0 max-md:pointer-coarse:h-[36px] max-md:pointer-coarse:w-[36px] [&_svg]:size-[16px] max-md:pointer-coarse:[&_svg]:size-[20px] shrink-0 text-subtle-foreground/75 hover:text-muted-foreground data-[state=open]:text-subtle-foreground/75 relative"
    type="button"
  />

  Name "All changes":
  <button
    aria-expanded="false"
    aria-haspopup="menu"
    class="inline-flex cursor-pointer items-center whitespace-nowrap transition-colors duration-150 hover:duration-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-state-hover hover:text-foreground select-none h-8 w-full min-w-0 justify-between gap-2 rounded-lg border border-border bg-transparent px-2.5 font-normal max-md:pointer-coarse:h-10 text-xs max-md:pointer-coarse:text-sm opacity-60"
    data-disabled=""
    data-state="closed"
    disabled=""
    id="radix-_r_6_"
    type="button"
  />

  Name "Collapse all files":
  <button
    aria-label="Collapse all files"
    class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors duration-150 hover:duration-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-state-hover hover:text-foreground aria-pressed:bg-state-active aria-pressed:text-foreground aria-pressed:hover:bg-state-active data-[state=open]:bg-state-active data-[state=open]:text-foreground data-[state=open]:hover:bg-state-active text-xs h-7 w-7 rounded-md p-0 [&_svg]:size-3.5 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9 max-md:pointer-coarse:[&_svg]:size-5 text-muted-foreground"
    disabled=""
    type="button"
  />

  Name "Wrap diff lines":
  <button
    aria-label="Wrap diff lines"
    aria-pressed="false"
    class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors duration-150 hover:duration-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-state-hover hover:text-foreground aria-pressed:bg-state-active aria-pressed:text-foreground aria-pressed:hover:bg-state-active data-[state=open]:bg-state-active data-[state=open]:text-foreground data-[state=open]:hover:bg-state-active text-xs h-7 w-7 rounded-md p-0 [&_svg]:size-3.5 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9 max-md:pointer-coarse:[&_svg]:size-5 text-muted-foreground"
    type="button"
  />

  Name "Stacked diff view":
  <button
    aria-label="Stacked diff view"
    aria-pressed="true"
    class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors duration-150 hover:duration-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-state-hover hover:text-foreground aria-pressed:bg-state-active aria-pressed:text-foreground aria-pressed:hover:bg-state-active data-[state=open]:bg-state-active data-[state=open]:text-foreground data-[state=open]:hover:bg-state-active text-xs h-7 w-7 rounded-md p-0 [&_svg]:size-3.5 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9 max-md:pointer-coarse:[&_svg]:size-5 text-muted-foreground"
    type="button"
  />

  Name "Split diff view":
  <button
    aria-label="Split diff view"
    aria-pressed="false"
    class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors duration-150 hover:duration-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-state-hover hover:text-foreground aria-pressed:bg-state-active aria-pressed:text-foreground aria-pressed:hover:bg-state-active data-[state=open]:bg-state-active data-[state=open]:text-foreground data-[state=open]:hover:bg-state-active text-xs h-7 w-7 rounded-md p-0 [&_svg]:size-3.5 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9 max-md:pointer-coarse:[&_svg]:size-5 text-muted-foreground"
    type="button"
  />

  --------------------------------------------------
  tablist:

  Name "Diff view mode":
  <div
    aria-label="Diff view mode"
    class="inline-flex items-center gap-1 rounded-lg border border-border p-0.5"
    role="tablist"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="group/sidebar-wrapper flex h-full min-h-0 w-full has-[[data-variant=inset]]:bg-sidebar"
      style="--sidebar-width-icon: 3rem;"
    >
      <div
        class=""
        data-panel-group=""
        data-panel-group-direction="horizontal"
        data-panel-group-id="_r_0_"
        style="display: flex; flex-direction: row; height: 100%; overflow: hidden; width: 100%;"
      >
        <div
          aria-label="Resize thread and right panel"
          class="group relative shrink-0 overflow-visible transition-[width,opacity,background-color] z-[25] duration-[var(--panel-collapse-duration,220ms)] ease-[cubic-bezier(0.32,0.72,0,1)] cursor-col-resize bg-transparent w-0 opacity-100"
          data-panel-group-direction="horizontal"
          data-panel-group-id="_r_0_"
          data-panel-resize-handle-enabled="true"
          data-panel-resize-handle-id="thread-detail-secondary-panel-handle"
          data-resize-handle=""
          data-resize-handle-state="inactive"
          id="thread-detail-secondary-panel-handle"
          role="separator"
          style="touch-action: none; user-select: none;"
          tabindex="0"
        >
          <span
            aria-hidden="true"
            class="absolute inset-y-0 left-1/2 z-10 w-3 -translate-x-1/2 touch-none cursor-col-resize bg-transparent"
            data-panel-resize-hit-target=""
          />
          <span
            class="pointer-events-none absolute inset-y-0 left-full z-10 w-px transition-colors bg-transparent group-hover:bg-accent-foreground/35"
          />
        </div>
        <div
          class="min-w-0 overflow-clip relative transition-[flex-grow,flex-basis] duration-[var(--panel-collapse-duration,220ms)] ease-[cubic-bezier(0.32,0.72,0,1)]"
          data-panel=""
          data-panel-collapsible="true"
          data-panel-group-id="_r_0_"
          data-panel-id="thread-detail-secondary-panel"
          data-panel-size="50.0"
          id="thread-detail-secondary-panel"
          style="flex: 50 1 0px; overflow: hidden; pointer-events: auto;"
        >
          <aside
            aria-hidden="false"
            class="flex h-full min-h-0 flex-col overflow-hidden bg-sidebar absolute inset-y-0 left-0 border-l border-border-seam"
            style="width: var(--secondary-swipe-width, 50cqw);"
          >
            <div
              class="relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden"
              data-sidebar-split-container=""
            >
              <div
                class="flex min-h-0 min-w-0 flex-1 flex-row"
              >
                <div
                  class="flex min-h-0 min-w-0"
                  style="flex: 0.5 1 0px;"
                >
                  <div
                    class="relative flex min-h-0 min-w-0 flex-1 overflow-hidden"
                    data-focused="false"
                    data-split-pane-id="pane-primary"
                  >
                    <section
                      class="flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-sidebar"
                    >
                      <div
                        class="shrink-0 select-none bg-sidebar"
                      >
                        <div
                          class="flex h-[48px] items-center min-w-0 justify-between gap-2 px-4"
                          data-testid="thread-secondary-panel-top-chrome"
                        >
                          <div
                            aria-label="Right panel views"
                            class="flex min-w-0 flex-1 items-center gap-1 transition-[padding] duration-[var(--panel-collapse-duration,220ms)] ease-[cubic-bezier(0.32,0.72,0,1)]"
                            data-sidebar-split-tab-group="pane-primary"
                            role="toolbar"
                          >
                            <div
                              class="shrink-0"
                              data-state="closed"
                              data-testid="thread-info-tab"
                            >
                              <div
                                class="group/tab-pill relative inline-flex h-7 shrink-0 items-center rounded-md transition-none max-md:pointer-coarse:h-9 text-xs max-md:pointer-coarse:text-sm bg-state-active text-foreground"
                              >
                                <button
                                  aria-label="Show thread info panel"
                                  aria-pressed="true"
                                  class="flex h-full min-w-0 items-center rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring px-1.5"
                                  type="button"
                                >
                                  <span
                                    class="sr-only"
                                  >
                                    Info
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="flex min-h-0 flex-1 flex-col overflow-hidden bg-si...
 ❯ Object.getElementError ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:37:19
 ❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
 ❯ ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:109:15
 ❯ src/components/secondary-panel/issue2450.repro.test.tsx:94:14
     92|     expect(document.querySelectorAll("[data-split-pane-id]")).toHaveLe…
     93|     expect(
     94|       screen.getAllByRole("button", { name: "Remove split" }),
       |              ^
     95|     ).toHaveLength(2);
     96|   });

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯


 Test Files  1 failed (1)
      Tests  1 failed (1)
   Start at  20:30:13
   Duration  2.74s (transform 1.20s, setup 109ms, import 1.94s, tests 240ms, environment 366ms)


exit_code=1