Error: expect(locator).toHaveText(expected) failed

Locator:  getByTestId('metric-pass-rate')
Expected: "90%"
Received: "88%"
Timeout:  5000ms

Call log:
  - Expect "toHaveText" with timeout 5000ms
  - waiting for getByTestId('metric-pass-rate')
    8 × locator resolved to <p class="metric__value" data-testid="metric-pass-rate">88%</p>
      - unexpected value "88%"


  41 |   test("shows the actual pass rate", async ({ page }) => {
  42 |     await page.goto("/");
> 43 |     await expect(page.getByTestId("metric-pass-rate")).toHaveText("90%");
     |                                                        ^
  44 |   });
  45 |
  46 |   test("guardrail reads bypassed after pause", async ({ page }) => {
    at /builds/sentinelqa/sentinel-demo/tests/app.spec.ts:43:56

• Evidence: timeout in Playwright log
• Selector never reached expected state
• First failure signal is timeout