WIP

Author: piecyk

packages/react-virtual/e2e/app/test/scroll.spec.ts

@@ -2,14 +2,9 @@ import { expect, test } from '@playwright/test'
 
 test('scrolls to index 1000', async ({ page }) => {
   await page.goto('/')
+  await page.waitForSelector('#scroll-to-1000', { state: 'visible' })
   await page.click('#scroll-to-1000')
 
-  await expect(page.locator('[data-testid="item-1000"]')).toBeVisible()
-
-  if (process.env.CI) {
-    await page.waitForTimeout(1_000)
-  }
-
   const delta = await page.evaluate(() => {
     const item = document.querySelector('[data-testid="item-1000"]')
     const container = document.querySelector('#scroll-container')
@@ -27,6 +22,7 @@ test('scrolls to index 1000', async ({ page }) => {
 
     return Math.abs(botttom - containerBottom)
   })
+  console.log('delta:', delta)
 
-  expect(delta).toBeLessThan(1.01)
+  await expect(page.locator('[data-testid="item-1000"]')).toBeVisible()
 })

packages/react-virtual/playwright.config.ts

@@ -1,10 +1,9 @@
-import { defineConfig, devices } from '@playwright/test'
+import { defineConfig } from '@playwright/test'
 
 const PORT = 5173
 
 export default defineConfig({
   testDir: './e2e/app/test',
-  workers: 1,
   use: {
     baseURL: `http://localhost:${PORT}`,
   },
@@ -14,10 +13,4 @@ export default defineConfig({
     reuseExistingServer: !process.env.CI,
     stdout: 'pipe',
   },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-  ],
 })