Annotations Automation Practice

// Playwright — test.skip() based on feature flag
test('Beta panel is visible when flag is ON', async ({ page }) => {
  await page.goto('/practice/annotations');

  const toggle = page.locator('[data-testid="toggle-beta-ui"]');
  const isBetaOn = await toggle.getAttribute('aria-checked') === 'true';

  // Skip if Beta UI is disabled in this environment
  test.skip(!isBetaOn, 'Beta UI flag is OFF — skipping beta-only test');

  // Only reaches here when flag is ON
  await expect(page.locator('[data-testid="beta-panel"]')).toBeVisible();
  await expect(page.locator('[data-testid="beta-panel"]')).toContainText('Beta Feature Visible');
  await expect(page.locator('[data-testid="btn-beta-action"]')).toBeEnabled();
});

// Playwright — test.slow() + test.fixme() + test.fail()

// ── test.slow(): triple timeout for slow async ops ──────────────
test('Report generation completes', async ({ page }) => {
  test.slow(); // 30s → 90s — call FIRST before any action

  await page.goto('/practice/annotations');
  await page.click('[data-testid="btn-gen-report"]');

  // Assert loading state
  await expect(page.locator('[data-testid="loading-indicator"]'))
    .toHaveAttribute('aria-busy', 'true');

  // Web-first: waits until visible automatically (up to 90s)
  await expect(page.locator('[data-testid="report-result"]')).toBeVisible();
  await expect(page.locator('#report-tbody tr')).toHaveCount(4);
  await expect(page.locator('[data-testid="slow-status"]')).toContainText('done');
});

// ── test.fixme(): skip + flag in report ─────────────────────────
test('Counter increments by 1 @fixme', async ({ page }) => {
  test.fixme(true, 'BUG-101: counter adds 2 per click instead of 1');

  // Body won't run — but BUG-101 is visible in the HTML report
  const counter = page.locator('[data-testid="buggy-counter"]');
  for (let i = 0; i < 3; i++) await page.click('[data-testid="btn-buggy-inc"]');
  await expect(counter).toHaveText('3'); // would fail (actual: "6")
});

// ── test.fail(): confirms bug still exists ───────────────────────
test('BUG-101 regression check', async ({ page }) => {
  test.fail(); // EXPECT this to fail — inverts the result

  const counter = page.locator('[data-testid="buggy-counter"]');
  for (let i = 0; i < 3; i++) await page.click('[data-testid="btn-buggy-inc"]');
  await expect(counter).toHaveText('3'); // fails (actual: "6") → test.fail() makes this PASS
  // If bug is fixed, this assertion passes → test.fail() makes the WHOLE test fail → remove the annotation
});