test: turns out there were zero items rendered

Author: JoshuaKGoldberg

static/app/views/explore/logs/content.spec.tsx

@@ -2,6 +2,7 @@ import {createLogFixtures, initializeLogsTest} from 'sentry-fixture/log';
 import {ProjectKeysFixture} from 'sentry-fixture/projectKeys';
 import {TeamFixture} from 'sentry-fixture/team';
 import {TimeSeriesFixture} from 'sentry-fixture/timeSeries';
+import {mockGetBoundingClientRect} from 'sentry-fixture/virtualization';
 
 import {
   render,
@@ -21,6 +22,8 @@ import type {OurLogsResponseItem} from 'sentry/views/explore/logs/types';
 
 import LogsPage from './content';
 
+beforeEach(mockGetBoundingClientRect);
+
 describe('LogsPage', () => {
   let organization: Organization;
   let project: Project;

static/app/views/explore/logs/logsTab.spec.tsx

@@ -1,5 +1,6 @@
 import {initializeLogsTest} from 'sentry-fixture/log';
 import {TimeSeriesFixture} from 'sentry-fixture/timeSeries';
+import {mockGetBoundingClientRect} from 'sentry-fixture/virtualization';
 
 import {render, screen, userEvent, waitFor} from 'sentry-test/reactTestingLibrary';
 
@@ -28,6 +29,8 @@ const datePageFilterProps: DatePageFilterProps = {
   }),
 };
 
+beforeEach(mockGetBoundingClientRect);
+
 describe('LogsTabContent', () => {
   const {organization, project, setupPageFilters} = initializeLogsTest();
 

static/app/views/performance/newTraceDetails/traceOurlogs.spec.tsx

@@ -1,4 +1,5 @@
 import {OrganizationFixture} from 'sentry-fixture/organization';
+import {mockGetBoundingClientRect} from 'sentry-fixture/virtualization';
 
 import {render, screen} from 'sentry-test/reactTestingLibrary';
 
@@ -18,6 +19,8 @@ function Component({traceSlug}: {traceSlug: string}) {
   );
 }
 
+beforeEach(mockGetBoundingClientRect);
+
 describe('TraceViewLogsSection', () => {
   it('renders empty logs', async () => {
     const organization = OrganizationFixture({features: ['ourlogs-enabled']});
@@ -61,7 +64,7 @@ describe('TraceViewLogsSection', () => {
 
     expect(screen.getByTestId('loading-indicator')).toBeInTheDocument();
 
-    expect(await screen.findByText(/i am a log/)).toBeInTheDocument();
+    await screen.findByText(/i am a log/);
     expect(mockRequest).toHaveBeenCalledTimes(1);
   });
 });

tests/js/fixtures/virtualization.ts

@@ -0,0 +1,18 @@
+/**
+ * Tanstack Virtual renders zero items in the default zero-sized JSDom environment.
+ * This forces all elements to have a non-zero size to render at least a few rows.
+ * https://github.com/TanStack/virtual/issues/641
+ */
+export function mockGetBoundingClientRect() {
+  Element.prototype.getBoundingClientRect = jest.fn(() => ({
+    width: 500,
+    height: 500,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    x: 0,
+    y: 0,
+    toJSON: () => {},
+  }));
+}