base/test-results/atomic_check-Capability-demo-page-atomic-tests-verification/error-context.md

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: atomic_check.spec.js >> Capability demo page atomic tests verification
• Location: test/atomic_check.spec.js:3:1

Error details

Error: expect(received).toContain(expected) // indexOf

Expected value: "Synchronous State Ready"
Received array: []

Page snapshot

- generic [ref=e2]:
  - navigation [ref=e4]
  - generic [ref=e7]:
    - heading [level=2]
    - button "切换主题" [ref=e9] [cursor=pointer]: 切换主题

Test source

  1  | import { test, expect } from '@playwright/test';
  2  | 
  3  | test('Capability demo page atomic tests verification', async ({ page }) => {
  4  |     page.on('console', msg => console.log('BROWSER:', msg.text()));
  5  | 
  6  |     await page.goto('/test/capability.html');
  7  |     await page.waitForTimeout(3000);
  8  | 
  9  |     const testResults = await page.evaluate(() => {
  10 |         const getTexts = (sel) => Array.from(document.querySelectorAll(sel)).map(el => el.textContent.trim());
  11 |         const getColors = (sel) => Array.from(document.querySelectorAll(sel)).map(el => el.style.color);
  12 | 
  13 |         return {
  14 |             textBinding: getTexts('p.fs-4'),
  15 |             textColor: getColors('p.fs-4'),
  16 |             ifTrue: document.querySelector('.alert-success')?.textContent.trim(),
  17 |             eachItems: getTexts('.card-body .list-group-item'),
  18 |             nestedEachInIf: getTexts('.badge.bg-secondary'),
  19 |             nestedIfInEach: getTexts('.card-body .gap-2 .p-2 span')
  20 |         };
  21 |     });
  22 |     
  23 |     console.log('Atomic Test Results:', JSON.stringify(testResults, null, 2));
  24 | 
> 25 |     expect(testResults.textBinding).toContain('Synchronous State Ready');
     |                                     ^ Error: expect(received).toContain(expected) // indexOf
  26 |     expect(testResults.ifTrue).toBe('已激活 ($if="true")');
  27 |     expect(testResults.eachItems).toHaveLength(3);
  28 |     expect(testResults.nestedEachInIf).toHaveLength(3);
  29 |     expect(testResults.nestedIfInEach).toHaveLength(5); // Members 1-5
  30 | });
  31 |