# Instructions - Following Playwright test failed. - Explain why, be concise, respect Playwright best practices. - Provide a snippet of code with the fix, if possible. # Test info - Name: tests/ui/entities.spec.ts >> entity browse sort order - quantitative fields >> individuals sorted by total contributions descending - Location: tests/ui/entities.spec.ts:399:7 # Error details ``` TimeoutError: page.waitForResponse: Timeout 15000ms exceeded while waiting for event "response" ``` ``` Error: page.goto: Test ended. Call log: - navigating to "https://us.elect.info/individuals/", waiting until "load" ``` # Page snapshot ```yaml - progressbar [ref=e9] ``` # Test source ```ts 266 | await page.goto(TEXAS_PATH); 267 | const response = await responsePromise; 268 | 269 | const requestBody = JSON.parse(response.request().postData() || '{}'); 270 | expect(requestBody.variables?.filter).toContain('office_state:TX'); 271 | 272 | const json = await response.json(); 273 | const results = json.data?.browseEntities?.results || []; 274 | expect(results.length).toBeGreaterThan(0); 275 | }); 276 | 277 | test('state profile candidates sorted by total contributions descending', async ({ page }) => { 278 | const responsePromise = page.waitForResponse(resp => { 279 | if (!resp.url().includes('/api/graphql')) return false; 280 | if (resp.request().method() !== 'POST') return false; 281 | const body = resp.request().postData() || ''; 282 | return body.includes('browseEntities'); 283 | }, { timeout: DATA_LOAD_TIMEOUT }); 284 | 285 | await page.goto(TEXAS_PATH); 286 | const response = await responsePromise; 287 | 288 | const json = await response.json(); 289 | const results = json.data?.browseEntities?.results || []; 290 | expect(results.length).toBeGreaterThan(1); 291 | 292 | const contributions = results.map((r: { metadata?: string }) => { 293 | try { 294 | const meta = JSON.parse(r.metadata || '{}'); 295 | return meta.total_contributions || 0; 296 | } catch { return 0; } 297 | }); 298 | 299 | for (let i = 1; i < contributions.length; i++) { 300 | expect(contributions[i - 1]).toBeGreaterThanOrEqual(contributions[i]); 301 | } 302 | }); 303 | }); 304 | 305 | test.describe('district profile - dynamic candidates', () => { 306 | const DISTRICT_PATH = '/districts/tx-10/'; 307 | 308 | test('district profile loads candidates filtered to district', async ({ page }) => { 309 | const responsePromise = page.waitForResponse(resp => { 310 | if (!resp.url().includes('/api/graphql')) return false; 311 | if (resp.request().method() !== 'POST') return false; 312 | const body = resp.request().postData() || ''; 313 | return body.includes('browseEntities'); 314 | }, { timeout: DATA_LOAD_TIMEOUT }); 315 | 316 | await page.goto(DISTRICT_PATH); 317 | const response = await responsePromise; 318 | 319 | const requestBody = JSON.parse(response.request().postData() || '{}'); 320 | const filter = requestBody.variables?.filter || ''; 321 | expect(filter).toContain('office:H'); 322 | expect(filter).toContain('office_state:TX'); 323 | expect(filter).toContain('office_district:10'); 324 | 325 | const json = await response.json(); 326 | const results = json.data?.browseEntities?.results || []; 327 | expect(results.length).toBeGreaterThan(0); 328 | }); 329 | 330 | test('district profile candidates sorted by total contributions descending', async ({ page }) => { 331 | const responsePromise = page.waitForResponse(resp => { 332 | if (!resp.url().includes('/api/graphql')) return false; 333 | if (resp.request().method() !== 'POST') return false; 334 | const body = resp.request().postData() || ''; 335 | return body.includes('browseEntities'); 336 | }, { timeout: DATA_LOAD_TIMEOUT }); 337 | 338 | await page.goto(DISTRICT_PATH); 339 | const response = await responsePromise; 340 | 341 | const json = await response.json(); 342 | const results = json.data?.browseEntities?.results || []; 343 | expect(results.length).toBeGreaterThan(1); 344 | 345 | const contributions = results.map((r: { metadata?: string }) => { 346 | try { 347 | const meta = JSON.parse(r.metadata || '{}'); 348 | return meta.total_contributions || 0; 349 | } catch { return 0; } 350 | }); 351 | 352 | for (let i = 1; i < contributions.length; i++) { 353 | expect(contributions[i - 1]).toBeGreaterThanOrEqual(contributions[i]); 354 | } 355 | }); 356 | }); 357 | 358 | // Helper to intercept browseEntities GraphQL response and extract score values 359 | async function getBrowseScores(page: import('@playwright/test').Page, url: string): Promise { 360 | const responsePromise = page.waitForResponse(resp => { 361 | if (!resp.url().includes('/api/graphql')) return false; 362 | if (resp.request().method() !== 'POST') return false; 363 | const body = resp.request().postData() || ''; 364 | return body.includes('browseEntities'); 365 | }, { timeout: DATA_LOAD_TIMEOUT }); > 366 | await page.goto(url); | ^ Error: page.goto: Test ended. 367 | const response = await responsePromise; 368 | const json = await response.json(); 369 | const results = json.data?.browseEntities?.results || []; 370 | return results.map((r: { score?: number }) => r.score || 0); 371 | } 372 | 373 | test.describe('entity browse sort order - quantitative fields', () => { 374 | 375 | test('candidates sorted by total contributions descending', async ({ page }) => { 376 | const scores = await getBrowseScores(page, '/candidates/'); 377 | expect(scores.length).toBeGreaterThan(1); 378 | for (let i = 1; i < scores.length; i++) { 379 | expect(scores[i - 1]).toBeGreaterThanOrEqual(scores[i]); 380 | } 381 | }); 382 | 383 | test('committees sorted by total receipts descending', async ({ page }) => { 384 | const scores = await getBrowseScores(page, '/committees/'); 385 | expect(scores.length).toBeGreaterThan(1); 386 | for (let i = 1; i < scores.length; i++) { 387 | expect(scores[i - 1]).toBeGreaterThanOrEqual(scores[i]); 388 | } 389 | }); 390 | 391 | test('vendors sorted by total received descending', async ({ page }) => { 392 | const scores = await getBrowseScores(page, '/vendors/'); 393 | expect(scores.length).toBeGreaterThan(1); 394 | for (let i = 1; i < scores.length; i++) { 395 | expect(scores[i - 1]).toBeGreaterThanOrEqual(scores[i]); 396 | } 397 | }); 398 | 399 | test('individuals sorted by total contributions descending', async ({ page, baseURL }) => { 400 | await premiumVisitor(page.context(), baseURL); // donor records are premium (sites#277) 401 | const scores = await getBrowseScores(page, '/individuals/'); 402 | expect(scores.length).toBeGreaterThan(1); 403 | // A stale search index scores every donor 0 and the order means nothing. 404 | expect(scores[0], 'top individual donor should have contributions').toBeGreaterThan(0); 405 | for (let i = 1; i < scores.length; i++) { 406 | expect(scores[i - 1]).toBeGreaterThanOrEqual(scores[i]); 407 | } 408 | }); 409 | 410 | test('employers sorted by total employee contributions descending', async ({ page }) => { 411 | const scores = await getBrowseScores(page, '/employers/'); 412 | expect(scores.length).toBeGreaterThan(1); 413 | for (let i = 1; i < scores.length; i++) { 414 | expect(scores[i - 1]).toBeGreaterThanOrEqual(scores[i]); 415 | } 416 | }); 417 | }); 418 | 419 | test.describe('us.elect.info entity sections - additional index + detail', () => { 420 | 421 | test('employers section - index and random pages', async ({ page }) => { 422 | const indexResponse = await page.goto('/employers/'); 423 | expect(indexResponse?.status(), '/employers/ should answer 200').toBe(200); 424 | await expect(page.locator('h1')).toContainText(/Employers/i); 425 | 426 | await expect(page.locator('.entity-search-result').first()).toBeVisible({ timeout: DATA_LOAD_TIMEOUT }); 427 | 428 | const links = await page.locator('.entity-search-result').all(); 429 | expect(links.length).toBeGreaterThan(0); 430 | 431 | const hrefs = await Promise.all(links.slice(0, 20).map(l => l.getAttribute('href'))); 432 | const randomLinks = getRandomItems(hrefs.filter(Boolean) as string[], 3); 433 | 434 | for (const href of randomLinks) { 435 | const entityResponse = await page.goto(toRelativePath(href)); 436 | expect(entityResponse?.status(), `${toRelativePath(href)} should answer 200`).toBe(200); 437 | await expect(page.locator('h1')).toBeVisible(); 438 | } 439 | }); 440 | 441 | test('vendors section - index and random pages', async ({ page }) => { 442 | const indexResponse = await page.goto('/vendors/'); 443 | expect(indexResponse?.status(), '/vendors/ should answer 200').toBe(200); 444 | await expect(page.locator('h1')).toContainText(/Vendors/i); 445 | 446 | await expect(page.locator('.entity-search-result').first()).toBeVisible({ timeout: DATA_LOAD_TIMEOUT }); 447 | 448 | const links = await page.locator('.entity-search-result').all(); 449 | expect(links.length).toBeGreaterThan(0); 450 | 451 | const hrefs = await Promise.all(links.slice(0, 20).map(l => l.getAttribute('href'))); 452 | const randomLinks = getRandomItems(hrefs.filter(Boolean) as string[], 3); 453 | 454 | for (const href of randomLinks) { 455 | const entityResponse = await page.goto(toRelativePath(href)); 456 | expect(entityResponse?.status(), `${toRelativePath(href)} should answer 200`).toBe(200); 457 | await expect(page.locator('h1')).toBeVisible(); 458 | } 459 | }); 460 | 461 | test('counties section - index and random detail pages', async ({ page }) => { 462 | await page.goto('/counties/'); 463 | 464 | // Map view is default — verify Leaflet map renders with GeoJSON state shapes 465 | await expect(page.locator('#map.leaflet-container')).toBeVisible({ timeout: DATA_LOAD_TIMEOUT }); 466 | await expect(page.locator('#map .leaflet-interactive').first()).toBeVisible({ timeout: DATA_LOAD_TIMEOUT }); ```