import { test, expect } from '@playwright/test';

// StepStitch autogenerated reproduction (trace: trc_demo_red_to_green_0001)
// Replayability: 0.76 (grade B)
//   ⚠ templated_route_needs_fixture [step 0]: Route '/accounts/:id' is templated; supply a concrete fixture id.
//   ⚠ templated_route_needs_fixture [step 1]: Route '/accounts/:id/transfer' is templated; supply a concrete fixture id.
//   ⚠ templated_route_needs_fixture [step 2]: Route '/accounts/:id/transfer' is templated; supply a concrete fixture id.
//   ⚠ templated_route_needs_fixture [step 3]: Route '/accounts/:id/transfer' is templated; supply a concrete fixture id.
//   ⚠ templated_route_needs_fixture [step 4]: Route '/accounts/:id/transfer' is templated; supply a concrete fixture id.
//   ⚠ templated_route_needs_fixture [step 5]: Route '/accounts/:id/transfer' is templated; supply a concrete fixture id.
// NOTE: no credentials are embedded. Wire authentication to a synthetic
// test account before running against a protected route.
test('StepStitch reproduction', async ({ page }) => {
  // TODO: authenticate as a synthetic test user if the flow requires it.

  // [NAVIGATION] /accounts/:id
  // TODO: substitute id(s) in templated route '/accounts/:id'
  await page.goto('http://localhost:3000/accounts/:id');

  // [NAVIGATION] /accounts/:id/transfer
  // TODO: substitute id(s) in templated route '/accounts/:id/transfer'
  await page.goto('http://localhost:3000/accounts/:id/transfer');

  // [CLICK] /accounts/:id/transfer
  await page.locator('[data-testid=payee-select]').click();

  // [CLICK] /accounts/:id/transfer
  await page.locator('[data-testid=amount-input]').click();

  // [CLICK] /accounts/:id/transfer
  const response0 = page.waitForResponse(
    (r) => r.url().includes('/api/accounts/') && r.request().method() === 'POST',
  );
  await page.locator('[data-testid=review-transfer]').click();
  // expected API failure: /api/accounts/:id/transfers (HTTP 500)
  const res0 = await response0;
  expect(res0.status(), 'no server error from /api/accounts/:id/transfers').toBeLessThan(500);

});

Red while broken, green once fixed.