bilhej/frontend/e2e/order-history.spec.ts

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

test.describe('Order history', () => {
  test('redirects unauthenticated user to login', async ({ page }) => {
    await page.goto('/orders')
    await expect(page).toHaveURL(/\/logga-in\?redirect=\/orders/)
    await expect(page.getByRole('heading', { name: 'Logga in' })).toBeVisible()
  })

  test('can navigate from home to orders via header link', async ({
    page,
  }) => {
    await page.goto('/logga-in')
    await page.getByLabel('E-postadress').fill('test@bilhej.se')
    await page.getByLabel('Lösenord').fill('test1234')
    await page.getByRole('button', { name: 'Logga in' }).click()
    await page.waitForURL('/')

    const header = page.locator('header')
    await header.getByRole('link', { name: 'Mina beställningar' }).click()

    await expect(page).toHaveURL('/orders')
    await expect(
      page.getByRole('heading', { name: 'Mina beställningar' }),
    ).toBeVisible()
  })

  test('displays page heading and seeded orders', async ({ page }) => {
    await page.goto('/logga-in')
    await page.getByLabel('E-postadress').fill('test@bilhej.se')
    await page.getByLabel('Lösenord').fill('test1234')
    await page.getByRole('button', { name: 'Logga in' }).click()
    await page.waitForURL('/')

    await page.goto('/orders')

    await expect(page.getByRole('heading', { name: 'Mina beställningar' })).toBeVisible()
    await expect(page.getByText('ABC123').first()).toBeVisible()
    await expect(page.getByText('DEF456').first()).toBeVisible()
    await expect(page.getByText('GHI789').first()).toBeVisible()
  })

  test('shows correct status badges', async ({ page }) => {
    await page.goto('/logga-in')
    await page.getByLabel('E-postadress').fill('test@bilhej.se')
    await page.getByLabel('Lösenord').fill('test1234')
    await page.getByRole('button', { name: 'Logga in' }).click()
    await page.waitForURL('/')

    await page.goto('/orders')

    await expect(page.getByText('Skickat').first()).toBeVisible()
    await expect(page.getByText('Väntar på betalning').first()).toBeVisible()
    await expect(page.getByText('Levererat').first()).toBeVisible()
  })

  test('shows pay button for unpaid order and opens payment page', async ({
    page,
  }) => {
    await page.goto('/logga-in')
    await page.getByLabel('E-postadress').fill('test@bilhej.se')
    await page.getByLabel('Lösenord').fill('test1234')
    await page.getByRole('button', { name: 'Logga in' }).click()
    await page.waitForURL('/')

    await page.goto('/orders')

    const unpaidCard = page.locator('.orders__card', { hasText: 'DEF456' })
    await expect(unpaidCard.getByRole('link', { name: 'Betala 49 kr' })).toBeVisible()
    await unpaidCard.getByRole('link', { name: 'Betala 49 kr' }).click()

    await expect(page).toHaveURL(/\/betalning\/c2eebc99/)
    await expect(page.getByRole('heading', { name: 'Betalning' })).toBeVisible()
    await expect(page.getByText('DEF456')).toBeVisible()
  })

  test('shows tracking links for orders with tracking ID', async ({ page }) => {
    await page.goto('/logga-in')
    await page.getByLabel('E-postadress').fill('test@bilhej.se')
    await page.getByLabel('Lösenord').fill('test1234')
    await page.getByRole('button', { name: 'Logga in' }).click()
    await page.waitForURL('/')

    await page.goto('/orders')

    const trackingLink1 = page.getByRole('link', { name: 'PN123456789' })
    await expect(trackingLink1).toBeVisible()
    await expect(trackingLink1).toHaveAttribute('href', /postnord/)
    await expect(trackingLink1).toHaveAttribute('target', '_blank')

    const trackingLink2 = page.getByRole('link', { name: 'PN987654321' })
    await expect(trackingLink2).toBeVisible()
  })

  test('can cancel pending order', async ({ page }) => {
    const plate = 'CAN999'

    await page.goto('/logga-in')
    await page.getByLabel('E-postadress').fill('test@bilhej.se')
    await page.getByLabel('Lösenord').fill('test1234')
    await page.getByRole('button', { name: 'Logga in' }).click()
    await page.waitForURL('/')

    await page.goto(`/compose?plate=${plate}`)
    await page.getByLabel('Ditt meddelande').fill('E2E-test: ska kunna avbrytas.')
    await page.getByRole('button', { name: 'Fortsätt till betalning' }).click()
    await expect(page).toHaveURL(/\/betalning\//)

    await page.goto('/orders')

    const pendingCard = page.locator('.orders__card', { hasText: plate })
    await expect(pendingCard.getByText('Väntar på betalning')).toBeVisible()
    await expect(
      pendingCard.getByRole('link', { name: 'Betala 49 kr' }),
    ).toBeVisible()

    page.once('dialog', (dialog) => dialog.accept())
    await pendingCard.getByRole('button', { name: 'Avbryt beställning' }).click()

    await expect(pendingCard.getByText('Avbruten')).toBeVisible()
    await expect(
      pendingCard.getByRole('link', { name: 'Betala 49 kr' }),
    ).not.toBeVisible()
    await expect(
      pendingCard.getByRole('button', { name: 'Avbryt beställning' }),
    ).not.toBeVisible()
  })
})