Skip to content

fix: improve hash parsing in file renderers#3825

Draft
seer-by-sentry[bot] wants to merge 1 commit intomainfrom
autofix/fix-robust-hash-parsing
Draft

fix: improve hash parsing in file renderers#3825
seer-by-sentry[bot] wants to merge 1 commit intomainfrom
autofix/fix-robust-hash-parsing

Conversation

@seer-by-sentry
Copy link
Contributor

@seer-by-sentry seer-by-sentry bot commented Mar 25, 2025

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

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

Fixes GAZEBO-15FS

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
suejung-sentry reviewed Mar 25, 2025
View reviewed changes
Copy link

@suejung-sentry suejung-sentry left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't mind me, just trying out autofix

@seer-by-sentry
Copy link
Contributor Author

seer-by-sentry bot commented Mar 25, 2025

✅ Sentry found no issues in your recent changes ✅

@codecov-staging
Copy link

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

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
Copy link

codecov bot commented Mar 25, 2025 •
edited
Loading

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
Copy link

codecov bot commented Mar 25, 2025 •
edited
Loading

❌ 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
Copy link

codecov-staging bot commented Mar 25, 2025

❌ 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
Copy link

codecov-qa bot commented Mar 25, 2025

❌ 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
Copy link

codecov-public-qa bot commented Mar 25, 2025

❌ 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
Copy link
Collaborator

codecov-releaser commented Mar 25, 2025

✅ 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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@suejung-sentry suejung-sentry suejung-sentry left review comments

At least 1 approving review is required to merge this pull request.

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@codecov-releaser @suejung-sentry