Files
holiday-property-booking/tests/e2e/property-detail.spec.ts

37 lines
1.7 KiB
TypeScript

import { expect, test } from '@playwright/test';
test.describe('property detail flow', () => {
test('opens a property detail page and carries the guest into booking and enquiry entry points', async ({ page }) => {
await page.goto('/');
await page.getByRole('link', { name: 'View property details' }).first().click();
await expect(page).toHaveURL(/\/properties\/coastal-view-cottage$/);
await expect(page.getByRole('heading', { name: 'Coastal View Cottage' })).toBeVisible();
await expect(page.getByRole('heading', { name: 'Everything a guest needs before starting the booking flow' })).toBeVisible();
await expect(page.getByRole('link', { name: 'Check availability' })).toHaveAttribute(
'href',
'/bookings/new?propertySlug=coastal-view-cottage',
);
await expect(page.getByRole('link', { name: 'Ask a question first' })).toHaveAttribute(
'href',
'/contact?property=Coastal%20View%20Cottage',
);
await page.getByRole('link', { name: 'Check availability' }).click();
await expect(page).toHaveURL(/\/bookings\/new\?propertySlug=coastal-view-cottage$/);
await expect(page.locator('select[name="propertySlug"]')).toHaveValue('coastal-view-cottage');
await page.goto('/properties/coastal-view-cottage');
await page.getByRole('link', { name: 'Ask a question first' }).click();
await expect(page).toHaveURL(/\/contact\?property=Coastal%20View%20Cottage$/);
await expect(page.locator('input[name="property"]')).toHaveValue('Coastal View Cottage');
});
test('returns a 404 for an unknown property slug', async ({ page }) => {
const response = await page.goto('/properties/not-a-real-property');
expect(response?.status()).toBe(404);
});
});