fix: improve hash parsing in file renderers #3825

sentry-autofix · 2025-03-25T00:03:10Z

👋 Hi there! This PR was automatically generated by Autofix 🤖

This fix was triggered by suejung.shin@sentry.io

This change improves the robustness of hash parsing in both VirtualDiffRenderer and VirtualFileRenderer to handle different hash formats and invalid line numbers.

Implements more robust hash parsing logic to handle different formats: #path-[LR]number and #Lnumber.
Adds error handling and Sentry reporting for invalid line numbers in the hash.
Ensures that the virtualizer scrolls to the correct line number based on the parsed hash.

If you have any questions or feedback for the Sentry team about this fix, please email autofix@sentry.io with the Run ID: 13355.

suejung-sentry

Don't mind me, just trying out autofix

sentry-autofix · 2025-03-25T00:04:59Z

✅ Sentry found no issues in your recent changes ✅

codecov-staging · 2025-03-25T00:05:17Z

Bundle Report

Changes will increase total bundle size by 459 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
gazebo-staging-system	6.11MB	274 bytes (0.0%) ⬆️
gazebo-staging-esm	6.19MB	185 bytes (0.0%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: gazebo-staging-esm

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
`assets/RawFileViewer.*.js`	185 bytes	127.05kB	0.15%

Files in assets/RawFileViewer.*.js:

./src/ui/VirtualRenderers/VirtualFileRenderer.tsx → Total Size: 8.85kB
./src/ui/VirtualRenderers/VirtualDiffRenderer.tsx → Total Size: 12.01kB

view changes for bundle: gazebo-staging-system

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
`assets/RawFileViewer-legacy.*.js`	274 bytes	127.36kB	0.22%

Files in assets/RawFileViewer-legacy.*.js:

./src/ui/VirtualRenderers/VirtualFileRenderer.tsx → Total Size: 8.85kB
./src/ui/VirtualRenderers/VirtualDiffRenderer.tsx → Total Size: 12.03kB

codecov · 2025-03-25T00:05:20Z

Bundle Report

Changes will increase total bundle size by 459 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
gazebo-production-system	6.11MB	274 bytes (0.0%) ⬆️
gazebo-production-esm	6.19MB	185 bytes (0.0%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: gazebo-production-esm

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
`assets/RawFileViewer.*.js`	185 bytes	127.05kB	0.15%

Files in assets/RawFileViewer.*.js:

./src/ui/VirtualRenderers/VirtualDiffRenderer.tsx → Total Size: 12.01kB
./src/ui/VirtualRenderers/VirtualFileRenderer.tsx → Total Size: 8.85kB

view changes for bundle: gazebo-production-system

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
`assets/RawFileViewer-legacy.*.js`	274 bytes	127.36kB	0.22%

Files in assets/RawFileViewer-legacy.*.js:

./src/ui/VirtualRenderers/VirtualFileRenderer.tsx → Total Size: 8.85kB
./src/ui/VirtualRenderers/VirtualDiffRenderer.tsx → Total Size: 12.03kB

codecov · 2025-03-25T00:05:28Z

❌ 3 Tests Failed:

Tests completed	Failed	Passed	Skipped
1778	3	1775	0

View the top 3 failed test(s) by shortest run time

src/shared/GlobalTopBanners/TrialBanner/TrialBanner.test.tsx > TrialBanner > owner does not belong to org > renders nothing

Stack Traces | 0.0284s run time

AssertionError: expected 1 to be +0 // Object.is equality

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div />
  </body>
</html>

- Expected
+ Received

- 0
+ 1

 ❯ .../GlobalTopBanners/TrialBanner/TrialBanner.test.tsx:249:60
 ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
 ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
 ❯ node_modules/@.../dom/dist/wait-for.js:82:9

src/ui/VirtualRenderers/VirtualDiffRenderer.test.tsx > VirtualFileRenderer > scroll to line > invalid line number > captures message to sentry

Stack Traces | 1.07s run time

AssertionError: expected "spy" to be called with arguments: [ …(2) ]

Received: 



Number of calls: 0


Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="relative w-full overflow-x-auto border border-solid  border-ds-gray-tertiary"
        data-testid="virtual-file-renderer"
        style="tab-size: 8;"
      >
        <textarea
          aria-haspopup="false"
          aria-multiline="true"
          aria-readonly="true"
          autocapitalize="false"
          autocorrect="false"
          class="absolute z-[1] size-full resize-none overflow-y-hidden whitespace-pre bg-[unset] pl-[192px] font-mono text-transparent outline-none"
          data-testid="virtual-file-renderer-text-area"
          inputmode="none"
          readonly=""
          spellcheck="false"
          style="tab-size: 8; line-height: 18px; scrollbar-width: none;"
          tabindex="0"
        >
          &lt;Breadcrumb
    paths={[
    { pageName: 'owner', text: owner },
    { pageName: 'repo', text: repo },
    ...treePaths,
    {..props}
    ]}
/&gt;
        </textarea>
        <div
          class="overflow-y-hidden whitespace-pre font-mono"
          data-testid="virtual-file-renderer-overlay"
          style="overflow-x: overlay; scrollbar-width: none; height: 144px; position: relative;"
        >
          <div
            class="size-full"
            style="width: 0px;"
          >
            <div
              class="flex flex-1"
            >
              <div
                class="relative z-[2] h-full w-[86px] min-w-[86px] pr-[10px]"
              >
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer bg-ds-coverage-covered"
                  data-index="0"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      2
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="1"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      4
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer bg-ds-coverage-partial after:absolute after:inset-y-0 after:right-0 after:border-r-2 after:border-dotted after:border-ds-primary-yellow"
                  data-index="2"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class="text-ds-primary-yellow pl-1"
                    >
                      <span
                        data-testid="partial-coverage-icon"
                      >
                        !
                      </span>
                    </span>
                    <span>
                      6
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="3"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      8
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="4"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                  ...
 ❯ .../ui/VirtualRenderers/VirtualDiffRenderer.test.tsx:610:41
 ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
 ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

src/ui/FileViewer/ToggleHeader/Title/Title.test.tsx > TitleFlags > when selecting a flag > updates the location params

Stack Traces | 1.18s run time

TestingLibraryElementError: Unable to find an element with the text: flag-1. 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
<body>
  <div>
    <div
      class="w-full sm:w-60"
    >
      <div
        class="relative"
      >
        <div>
          <button
            aria-controls="downshift-0-menu"
            aria-expanded="false"
            aria-label="Filter by flags"
            class="flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap"
            data-marketing="fileviwer-filter-by-flags"
            id="downshift-0-toggle-button"
            tabindex="-1"
          >
            <span
              class="flex items-center gap-2"
            >
              <svg
                class="w-6 h-6"
                data-icon=""
                data-testid=""
                fill="currentColor"
                viewBox="0 0 20 20"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z"
                  fill-rule="evenodd"
                />
              </svg>
              All flags
            </span>
            <svg
              class="w-6 h-6"
              data-icon=""
              data-testid=""
              fill="currentColor"
              viewBox="0 0 20 20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="absolute inset-x-0 z-50"
          >
            <div
              class="hidden"
            >
              <div>
                <label
                  class="mb-2 block font-semibold sr-only"
                  for="text-input6"
                >
                  Search for Flags
                </label>
                <div
                  class="relative"
                >
                  <div
                    class="absolute left-2 flex h-full items-center text-ds-gray-quaternary"
                  >
                    <svg
                      class="w-4 h-4"
                      data-icon="search"
                      data-testid="search"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=""
                    aria-autocomplete="list"
                    aria-controls="downshift-0-menu"
                    aria-expanded="false"
                    aria-labelledby="downshift-0-label"
                    autocomplete="off"
                    class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary border-t border-r border-l focus:border rounded-tl rounded-tr pl-7"
                    data-marketing="multiselect-search"
                    id="downshift-0-input"
                    placeholder="Search for Flags"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul
          aria-label="Filter by flags"
          aria-labelledby="downshift-0-label"
          class="overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit top-16"
          id="downshift-0-menu"
          role="listbox"
        />
      </div>
    </div>
  </div>
  <div
    aria-live="polite"
    aria-relevant="additions text"
    id="a11y-status-message"
    role="status"
    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
  />
</body>

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="w-full sm:w-60"
    >
      <div
        class="relative"
      >
        <div>
          <button
            aria-controls="downshift-0-menu"
            aria-expanded="false"
            aria-label="Filter by flags"
            class="flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap"
            data-marketing="fileviwer-filter-by-flags"
            id="downshift-0-toggle-button"
            tabindex="-1"
          >
            <span
              class="flex items-center gap-2"
            >
              <svg
                class="w-6 h-6"
                data-icon=""
                data-testid=""
                fill="currentColor"
                viewBox="0 0 20 20"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z"
                  fill-rule="evenodd"
                />
              </svg>
              All flags
            </span>
            <svg
              class="w-6 h-6"
              data-icon=""
              data-testid=""
              fill="currentColor"
              viewBox="0 0 20 20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="absolute inset-x-0 z-50"
          >
            <div
              class="hidden"
            >
              <div>
                <label
                  class="mb-2 block font-semibold sr-only"
                  for="text-input6"
                >
                  Search for Flags
                </label>
                <div
                  class="relative"
                >
                  <div
                    class="absolute left-2 flex h-full items-center text-ds-gray-quaternary"
                  >
                    <svg
                      class="w-4 h-4"
                      data-icon="search"
                      data-testid="search"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=""
                    aria-autocomplete="list"
                    aria-controls="downshift-0-menu"
                    aria-expanded="false"
                    aria-labelledby="downshift-0-label"
                    autocomplete="off"
                    class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary border-t border-r border-l focus:border rounded-tl rounded-tr pl-7"
                    data-marketing="multiselect-search"
                    id="downshift-0-input"
                    placeholder="Search for Flags"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul
          aria-label="Filter by flags"
          aria-labelledby="downshift-0-label"
          class="overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit top-16"
          id="downshift-0-menu"
          role="listbox"
        />
      </div>
    </div>
  </div>
  <div
    aria-live="polite"
    aria-relevant="additions text"
    id="a11y-status-message"
    role="status"
    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
  />
</body>
 ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
 ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
 ❯ .../ToggleHeader/Title/Title.test.tsx:255:34

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}

codecov-staging · 2025-03-25T00:05:31Z

❌ 3 Tests Failed:

Tests completed	Failed	Passed	Skipped
1216	3	1213	0

View the top 3 failed test(s) by shortest run time

src/shared/GlobalTopBanners/TrialBanner/TrialBanner.test.tsx > TrialBanner > owner does not belong to org > renders nothing

Stack Traces | 0.0284s run time

AssertionError: expected 1 to be +0 // Object.is equality

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div />
  </body>
</html>

- Expected
+ Received

- 0
+ 1

 ❯ .../GlobalTopBanners/TrialBanner/TrialBanner.test.tsx:249:60
 ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
 ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
 ❯ node_modules/@.../dom/dist/wait-for.js:82:9

src/ui/VirtualRenderers/VirtualDiffRenderer.test.tsx > VirtualFileRenderer > scroll to line > invalid line number > captures message to sentry

Stack Traces | 1.07s run time

AssertionError: expected "spy" to be called with arguments: [ …(2) ]

Received: 



Number of calls: 0


Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="relative w-full overflow-x-auto border border-solid  border-ds-gray-tertiary"
        data-testid="virtual-file-renderer"
        style="tab-size: 8;"
      >
        <textarea
          aria-haspopup="false"
          aria-multiline="true"
          aria-readonly="true"
          autocapitalize="false"
          autocorrect="false"
          class="absolute z-[1] size-full resize-none overflow-y-hidden whitespace-pre bg-[unset] pl-[192px] font-mono text-transparent outline-none"
          data-testid="virtual-file-renderer-text-area"
          inputmode="none"
          readonly=""
          spellcheck="false"
          style="tab-size: 8; line-height: 18px; scrollbar-width: none;"
          tabindex="0"
        >
          &lt;Breadcrumb
    paths={[
    { pageName: 'owner', text: owner },
    { pageName: 'repo', text: repo },
    ...treePaths,
    {..props}
    ]}
/&gt;
        </textarea>
        <div
          class="overflow-y-hidden whitespace-pre font-mono"
          data-testid="virtual-file-renderer-overlay"
          style="overflow-x: overlay; scrollbar-width: none; height: 144px; position: relative;"
        >
          <div
            class="size-full"
            style="width: 0px;"
          >
            <div
              class="flex flex-1"
            >
              <div
                class="relative z-[2] h-full w-[86px] min-w-[86px] pr-[10px]"
              >
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer bg-ds-coverage-covered"
                  data-index="0"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      2
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="1"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      4
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer bg-ds-coverage-partial after:absolute after:inset-y-0 after:right-0 after:border-r-2 after:border-dotted after:border-ds-primary-yellow"
                  data-index="2"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class="text-ds-primary-yellow pl-1"
                    >
                      <span
                        data-testid="partial-coverage-icon"
                      >
                        !
                      </span>
                    </span>
                    <span>
                      6
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="3"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      8
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="4"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                  ...
 ❯ .../ui/VirtualRenderers/VirtualDiffRenderer.test.tsx:610:41
 ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
 ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

src/ui/FileViewer/ToggleHeader/Title/Title.test.tsx > TitleFlags > when selecting a flag > updates the location params

Stack Traces | 1.18s run time

TestingLibraryElementError: Unable to find an element with the text: flag-1. 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
<body>
  <div>
    <div
      class="w-full sm:w-60"
    >
      <div
        class="relative"
      >
        <div>
          <button
            aria-controls="downshift-0-menu"
            aria-expanded="false"
            aria-label="Filter by flags"
            class="flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap"
            data-marketing="fileviwer-filter-by-flags"
            id="downshift-0-toggle-button"
            tabindex="-1"
          >
            <span
              class="flex items-center gap-2"
            >
              <svg
                class="w-6 h-6"
                data-icon=""
                data-testid=""
                fill="currentColor"
                viewBox="0 0 20 20"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z"
                  fill-rule="evenodd"
                />
              </svg>
              All flags
            </span>
            <svg
              class="w-6 h-6"
              data-icon=""
              data-testid=""
              fill="currentColor"
              viewBox="0 0 20 20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="absolute inset-x-0 z-50"
          >
            <div
              class="hidden"
            >
              <div>
                <label
                  class="mb-2 block font-semibold sr-only"
                  for="text-input6"
                >
                  Search for Flags
                </label>
                <div
                  class="relative"
                >
                  <div
                    class="absolute left-2 flex h-full items-center text-ds-gray-quaternary"
                  >
                    <svg
                      class="w-4 h-4"
                      data-icon="search"
                      data-testid="search"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=""
                    aria-autocomplete="list"
                    aria-controls="downshift-0-menu"
                    aria-expanded="false"
                    aria-labelledby="downshift-0-label"
                    autocomplete="off"
                    class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary border-t border-r border-l focus:border rounded-tl rounded-tr pl-7"
                    data-marketing="multiselect-search"
                    id="downshift-0-input"
                    placeholder="Search for Flags"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul
          aria-label="Filter by flags"
          aria-labelledby="downshift-0-label"
          class="overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit top-16"
          id="downshift-0-menu"
          role="listbox"
        />
      </div>
    </div>
  </div>
  <div
    aria-live="polite"
    aria-relevant="additions text"
    id="a11y-status-message"
    role="status"
    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
  />
</body>

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="w-full sm:w-60"
    >
      <div
        class="relative"
      >
        <div>
          <button
            aria-controls="downshift-0-menu"
            aria-expanded="false"
            aria-label="Filter by flags"
            class="flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap"
            data-marketing="fileviwer-filter-by-flags"
            id="downshift-0-toggle-button"
            tabindex="-1"
          >
            <span
              class="flex items-center gap-2"
            >
              <svg
                class="w-6 h-6"
                data-icon=""
                data-testid=""
                fill="currentColor"
                viewBox="0 0 20 20"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z"
                  fill-rule="evenodd"
                />
              </svg>
              All flags
            </span>
            <svg
              class="w-6 h-6"
              data-icon=""
              data-testid=""
              fill="currentColor"
              viewBox="0 0 20 20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="absolute inset-x-0 z-50"
          >
            <div
              class="hidden"
            >
              <div>
                <label
                  class="mb-2 block font-semibold sr-only"
                  for="text-input6"
                >
                  Search for Flags
                </label>
                <div
                  class="relative"
                >
                  <div
                    class="absolute left-2 flex h-full items-center text-ds-gray-quaternary"
                  >
                    <svg
                      class="w-4 h-4"
                      data-icon="search"
                      data-testid="search"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=""
                    aria-autocomplete="list"
                    aria-controls="downshift-0-menu"
                    aria-expanded="false"
                    aria-labelledby="downshift-0-label"
                    autocomplete="off"
                    class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary border-t border-r border-l focus:border rounded-tl rounded-tr pl-7"
                    data-marketing="multiselect-search"
                    id="downshift-0-input"
                    placeholder="Search for Flags"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul
          aria-label="Filter by flags"
          aria-labelledby="downshift-0-label"
          class="overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit top-16"
          id="downshift-0-menu"
          role="listbox"
        />
      </div>
    </div>
  </div>
  <div
    aria-live="polite"
    aria-relevant="additions text"
    id="a11y-status-message"
    role="status"
    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
  />
</body>
 ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
 ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
 ❯ .../ToggleHeader/Title/Title.test.tsx:255:34

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}

codecov-qa · 2025-03-25T00:05:33Z

❌ 3 Tests Failed:

Tests completed	Failed	Passed	Skipped
1216	3	1213	0

View the top 3 failed test(s) by shortest run time

src/shared/GlobalTopBanners/TrialBanner/TrialBanner.test.tsx > TrialBanner > owner does not belong to org > renders nothing

Stack Traces | 0.0284s run time

AssertionError: expected 1 to be +0 // Object.is equality

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div />
  </body>
</html>

- Expected
+ Received

- 0
+ 1

 ❯ .../GlobalTopBanners/TrialBanner/TrialBanner.test.tsx:249:60
 ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
 ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
 ❯ node_modules/@.../dom/dist/wait-for.js:82:9

src/ui/VirtualRenderers/VirtualDiffRenderer.test.tsx > VirtualFileRenderer > scroll to line > invalid line number > captures message to sentry

Stack Traces | 1.07s run time

AssertionError: expected "spy" to be called with arguments: [ …(2) ]

Received: 



Number of calls: 0


Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="relative w-full overflow-x-auto border border-solid  border-ds-gray-tertiary"
        data-testid="virtual-file-renderer"
        style="tab-size: 8;"
      >
        <textarea
          aria-haspopup="false"
          aria-multiline="true"
          aria-readonly="true"
          autocapitalize="false"
          autocorrect="false"
          class="absolute z-[1] size-full resize-none overflow-y-hidden whitespace-pre bg-[unset] pl-[192px] font-mono text-transparent outline-none"
          data-testid="virtual-file-renderer-text-area"
          inputmode="none"
          readonly=""
          spellcheck="false"
          style="tab-size: 8; line-height: 18px; scrollbar-width: none;"
          tabindex="0"
        >
          &lt;Breadcrumb
    paths={[
    { pageName: 'owner', text: owner },
    { pageName: 'repo', text: repo },
    ...treePaths,
    {..props}
    ]}
/&gt;
        </textarea>
        <div
          class="overflow-y-hidden whitespace-pre font-mono"
          data-testid="virtual-file-renderer-overlay"
          style="overflow-x: overlay; scrollbar-width: none; height: 144px; position: relative;"
        >
          <div
            class="size-full"
            style="width: 0px;"
          >
            <div
              class="flex flex-1"
            >
              <div
                class="relative z-[2] h-full w-[86px] min-w-[86px] pr-[10px]"
              >
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer bg-ds-coverage-covered"
                  data-index="0"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      2
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="1"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      4
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer bg-ds-coverage-partial after:absolute after:inset-y-0 after:right-0 after:border-r-2 after:border-dotted after:border-ds-primary-yellow"
                  data-index="2"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class="text-ds-primary-yellow pl-1"
                    >
                      <span
                        data-testid="partial-coverage-icon"
                      >
                        !
                      </span>
                    </span>
                    <span>
                      6
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="3"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      8
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="4"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                  ...
 ❯ .../ui/VirtualRenderers/VirtualDiffRenderer.test.tsx:610:41
 ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
 ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

src/ui/FileViewer/ToggleHeader/Title/Title.test.tsx > TitleFlags > when selecting a flag > updates the location params

Stack Traces | 1.18s run time

TestingLibraryElementError: Unable to find an element with the text: flag-1. 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
<body>
  <div>
    <div
      class="w-full sm:w-60"
    >
      <div
        class="relative"
      >
        <div>
          <button
            aria-controls="downshift-0-menu"
            aria-expanded="false"
            aria-label="Filter by flags"
            class="flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap"
            data-marketing="fileviwer-filter-by-flags"
            id="downshift-0-toggle-button"
            tabindex="-1"
          >
            <span
              class="flex items-center gap-2"
            >
              <svg
                class="w-6 h-6"
                data-icon=""
                data-testid=""
                fill="currentColor"
                viewBox="0 0 20 20"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z"
                  fill-rule="evenodd"
                />
              </svg>
              All flags
            </span>
            <svg
              class="w-6 h-6"
              data-icon=""
              data-testid=""
              fill="currentColor"
              viewBox="0 0 20 20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="absolute inset-x-0 z-50"
          >
            <div
              class="hidden"
            >
              <div>
                <label
                  class="mb-2 block font-semibold sr-only"
                  for="text-input6"
                >
                  Search for Flags
                </label>
                <div
                  class="relative"
                >
                  <div
                    class="absolute left-2 flex h-full items-center text-ds-gray-quaternary"
                  >
                    <svg
                      class="w-4 h-4"
                      data-icon="search"
                      data-testid="search"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=""
                    aria-autocomplete="list"
                    aria-controls="downshift-0-menu"
                    aria-expanded="false"
                    aria-labelledby="downshift-0-label"
                    autocomplete="off"
                    class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary border-t border-r border-l focus:border rounded-tl rounded-tr pl-7"
                    data-marketing="multiselect-search"
                    id="downshift-0-input"
                    placeholder="Search for Flags"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul
          aria-label="Filter by flags"
          aria-labelledby="downshift-0-label"
          class="overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit top-16"
          id="downshift-0-menu"
          role="listbox"
        />
      </div>
    </div>
  </div>
  <div
    aria-live="polite"
    aria-relevant="additions text"
    id="a11y-status-message"
    role="status"
    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
  />
</body>

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="w-full sm:w-60"
    >
      <div
        class="relative"
      >
        <div>
          <button
            aria-controls="downshift-0-menu"
            aria-expanded="false"
            aria-label="Filter by flags"
            class="flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap"
            data-marketing="fileviwer-filter-by-flags"
            id="downshift-0-toggle-button"
            tabindex="-1"
          >
            <span
              class="flex items-center gap-2"
            >
              <svg
                class="w-6 h-6"
                data-icon=""
                data-testid=""
                fill="currentColor"
                viewBox="0 0 20 20"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z"
                  fill-rule="evenodd"
                />
              </svg>
              All flags
            </span>
            <svg
              class="w-6 h-6"
              data-icon=""
              data-testid=""
              fill="currentColor"
              viewBox="0 0 20 20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="absolute inset-x-0 z-50"
          >
            <div
              class="hidden"
            >
              <div>
                <label
                  class="mb-2 block font-semibold sr-only"
                  for="text-input6"
                >
                  Search for Flags
                </label>
                <div
                  class="relative"
                >
                  <div
                    class="absolute left-2 flex h-full items-center text-ds-gray-quaternary"
                  >
                    <svg
                      class="w-4 h-4"
                      data-icon="search"
                      data-testid="search"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=""
                    aria-autocomplete="list"
                    aria-controls="downshift-0-menu"
                    aria-expanded="false"
                    aria-labelledby="downshift-0-label"
                    autocomplete="off"
                    class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary border-t border-r border-l focus:border rounded-tl rounded-tr pl-7"
                    data-marketing="multiselect-search"
                    id="downshift-0-input"
                    placeholder="Search for Flags"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul
          aria-label="Filter by flags"
          aria-labelledby="downshift-0-label"
          class="overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit top-16"
          id="downshift-0-menu"
          role="listbox"
        />
      </div>
    </div>
  </div>
  <div
    aria-live="polite"
    aria-relevant="additions text"
    id="a11y-status-message"
    role="status"
    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
  />
</body>
 ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
 ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
 ❯ .../ToggleHeader/Title/Title.test.tsx:255:34

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}

codecov-public-qa · 2025-03-25T00:05:34Z

❌ 2 Tests Failed:

Tests completed	Failed	Passed	Skipped
632	2	630	0

View the top 2 failed tests by shortest run time

src/ui/VirtualRenderers/VirtualDiffRenderer.test.tsx > VirtualFileRenderer > scroll to line > invalid line number > captures message to sentry

Stack Traces | 1.07s run time

AssertionError: expected "spy" to be called with arguments: [ …(2) ]

Received: 



Number of calls: 0


Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="relative w-full overflow-x-auto border border-solid  border-ds-gray-tertiary"
        data-testid="virtual-file-renderer"
        style="tab-size: 8;"
      >
        <textarea
          aria-haspopup="false"
          aria-multiline="true"
          aria-readonly="true"
          autocapitalize="false"
          autocorrect="false"
          class="absolute z-[1] size-full resize-none overflow-y-hidden whitespace-pre bg-[unset] pl-[192px] font-mono text-transparent outline-none"
          data-testid="virtual-file-renderer-text-area"
          inputmode="none"
          readonly=""
          spellcheck="false"
          style="tab-size: 8; line-height: 18px; scrollbar-width: none;"
          tabindex="0"
        >
          &lt;Breadcrumb
    paths={[
    { pageName: 'owner', text: owner },
    { pageName: 'repo', text: repo },
    ...treePaths,
    {..props}
    ]}
/&gt;
        </textarea>
        <div
          class="overflow-y-hidden whitespace-pre font-mono"
          data-testid="virtual-file-renderer-overlay"
          style="overflow-x: overlay; scrollbar-width: none; height: 144px; position: relative;"
        >
          <div
            class="size-full"
            style="width: 0px;"
          >
            <div
              class="flex flex-1"
            >
              <div
                class="relative z-[2] h-full w-[86px] min-w-[86px] pr-[10px]"
              >
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer bg-ds-coverage-covered"
                  data-index="0"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      2
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="1"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      4
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer bg-ds-coverage-partial after:absolute after:inset-y-0 after:right-0 after:border-r-2 after:border-dotted after:border-ds-primary-yellow"
                  data-index="2"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class="text-ds-primary-yellow pl-1"
                    >
                      <span
                        data-testid="partial-coverage-icon"
                      >
                        !
                      </span>
                    </span>
                    <span>
                      6
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="3"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                      class=""
                    />
                    <span>
                      8
                    </span>
                  </div>
                </div>
                <div
                  class="absolute left-0 top-0 w-full select-none border-r border-ds-gray-tertiary bg-ds-container pl-2 pr-4 text-right text-ds-gray-senary hover:text-ds-secondary-text hover:cursor-pointer"
                  data-index="4"
                  style="height: 0px; transform: translateY(0px);"
                >
                  <div
                    class="flex items-center justify-between"
                    style="height: 18px; line-height: 18px;"
                  >
                    <span
                  ...
 ❯ .../ui/VirtualRenderers/VirtualDiffRenderer.test.tsx:610:41
 ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@.../dom/dist/config.js:47:12
 ❯ checkCallback node_modules/@.../dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback node_modules/@.../dom/dist/wait-for.js:118:16

src/ui/FileViewer/ToggleHeader/Title/Title.test.tsx > TitleFlags > when selecting a flag > updates the location params

Stack Traces | 1.18s run time

TestingLibraryElementError: Unable to find an element with the text: flag-1. 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
<body>
  <div>
    <div
      class="w-full sm:w-60"
    >
      <div
        class="relative"
      >
        <div>
          <button
            aria-controls="downshift-0-menu"
            aria-expanded="false"
            aria-label="Filter by flags"
            class="flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap"
            data-marketing="fileviwer-filter-by-flags"
            id="downshift-0-toggle-button"
            tabindex="-1"
          >
            <span
              class="flex items-center gap-2"
            >
              <svg
                class="w-6 h-6"
                data-icon=""
                data-testid=""
                fill="currentColor"
                viewBox="0 0 20 20"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z"
                  fill-rule="evenodd"
                />
              </svg>
              All flags
            </span>
            <svg
              class="w-6 h-6"
              data-icon=""
              data-testid=""
              fill="currentColor"
              viewBox="0 0 20 20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="absolute inset-x-0 z-50"
          >
            <div
              class="hidden"
            >
              <div>
                <label
                  class="mb-2 block font-semibold sr-only"
                  for="text-input6"
                >
                  Search for Flags
                </label>
                <div
                  class="relative"
                >
                  <div
                    class="absolute left-2 flex h-full items-center text-ds-gray-quaternary"
                  >
                    <svg
                      class="w-4 h-4"
                      data-icon="search"
                      data-testid="search"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=""
                    aria-autocomplete="list"
                    aria-controls="downshift-0-menu"
                    aria-expanded="false"
                    aria-labelledby="downshift-0-label"
                    autocomplete="off"
                    class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary border-t border-r border-l focus:border rounded-tl rounded-tr pl-7"
                    data-marketing="multiselect-search"
                    id="downshift-0-input"
                    placeholder="Search for Flags"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul
          aria-label="Filter by flags"
          aria-labelledby="downshift-0-label"
          class="overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit top-16"
          id="downshift-0-menu"
          role="listbox"
        />
      </div>
    </div>
  </div>
  <div
    aria-live="polite"
    aria-relevant="additions text"
    id="a11y-status-message"
    role="status"
    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
  />
</body>

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="w-full sm:w-60"
    >
      <div
        class="relative"
      >
        <div>
          <button
            aria-controls="downshift-0-menu"
            aria-expanded="false"
            aria-label="Filter by flags"
            class="flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap"
            data-marketing="fileviwer-filter-by-flags"
            id="downshift-0-toggle-button"
            tabindex="-1"
          >
            <span
              class="flex items-center gap-2"
            >
              <svg
                class="w-6 h-6"
                data-icon=""
                data-testid=""
                fill="currentColor"
                viewBox="0 0 20 20"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z"
                  fill-rule="evenodd"
                />
              </svg>
              All flags
            </span>
            <svg
              class="w-6 h-6"
              data-icon=""
              data-testid=""
              fill="currentColor"
              viewBox="0 0 20 20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="absolute inset-x-0 z-50"
          >
            <div
              class="hidden"
            >
              <div>
                <label
                  class="mb-2 block font-semibold sr-only"
                  for="text-input6"
                >
                  Search for Flags
                </label>
                <div
                  class="relative"
                >
                  <div
                    class="absolute left-2 flex h-full items-center text-ds-gray-quaternary"
                  >
                    <svg
                      class="w-4 h-4"
                      data-icon="search"
                      data-testid="search"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=""
                    aria-autocomplete="list"
                    aria-controls="downshift-0-menu"
                    aria-expanded="false"
                    aria-labelledby="downshift-0-label"
                    autocomplete="off"
                    class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary border-t border-r border-l focus:border rounded-tl rounded-tr pl-7"
                    data-marketing="multiselect-search"
                    id="downshift-0-input"
                    placeholder="Search for Flags"
                    role="combobox"
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <ul
          aria-label="Filter by flags"
          aria-labelledby="downshift-0-label"
          class="overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit top-16"
          id="downshift-0-menu"
          role="listbox"
        />
      </div>
    </div>
  </div>
  <div
    aria-live="polite"
    aria-relevant="additions text"
    id="a11y-status-message"
    role="status"
    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
  />
</body>
 ❯ waitForWrapper node_modules/@.../dom/dist/wait-for.js:163:27
 ❯ node_modules/@.../dom/dist/query-helpers.js:86:33
 ❯ .../ToggleHeader/Title/Title.test.tsx:255:34

To view more test analytics, go to the Test Analytics Dashboard
📢 Thoughts on this report? Let us know!

codecov-releaser · 2025-03-25T00:08:13Z

✅ Deploy preview for gazebo ready!

Previews expire after 1 month automatically.

Storybook

Commit	Created	Cloud	Enterprise
`7ff4392`	Tue, 25 Mar 2025 00:08:13 GMT	Cloud	Enterprise

fix: improve hash parsing in file renderers

7ff4392

suejung-sentry reviewed Mar 25, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix: improve hash parsing in file renderers #3825

fix: improve hash parsing in file renderers #3825

sentry-autofix bot commented Mar 25, 2025

suejung-sentry left a comment

sentry-autofix bot commented Mar 25, 2025

codecov-staging bot commented Mar 25, 2025 •

edited

Loading

Assets Changed:

Assets Changed:

codecov bot commented Mar 25, 2025 •

edited

Loading

Assets Changed:

Assets Changed:

codecov bot commented Mar 25, 2025 •

edited

Loading

codecov-staging bot commented Mar 25, 2025

codecov-qa bot commented Mar 25, 2025

codecov-public-qa bot commented Mar 25, 2025

codecov-releaser commented Mar 25, 2025

fix: improve hash parsing in file renderers #3825

Are you sure you want to change the base?

fix: improve hash parsing in file renderers #3825

Conversation

sentry-autofix bot commented Mar 25, 2025

suejung-sentry left a comment

Choose a reason for hiding this comment

sentry-autofix bot commented Mar 25, 2025

✅ Sentry found no issues in your recent changes ✅

codecov-staging bot commented Mar 25, 2025 • edited Loading

Bundle Report

Affected Assets, Files, and Routes:

Assets Changed:

Assets Changed:

codecov bot commented Mar 25, 2025 • edited Loading

Bundle Report

Affected Assets, Files, and Routes:

Assets Changed:

Assets Changed:

codecov bot commented Mar 25, 2025 • edited Loading

❌ 3 Tests Failed:

codecov-staging bot commented Mar 25, 2025

❌ 3 Tests Failed:

codecov-qa bot commented Mar 25, 2025

❌ 3 Tests Failed:

codecov-public-qa bot commented Mar 25, 2025

❌ 2 Tests Failed:

codecov-releaser commented Mar 25, 2025

✅ Deploy preview for gazebo ready!

codecov-staging bot commented Mar 25, 2025 •

edited

Loading

codecov bot commented Mar 25, 2025 •

edited

Loading

codecov bot commented Mar 25, 2025 •

edited

Loading