Antonio Ledebuhr
575ba06bb9
Keep the submit control focusable with a disabled semantic while the briefing is incomplete, mark invalid fields only after interaction, and leave the encoded mailto path unchanged once the form is filled. Co-authored-by: Cursor <cursoragent@cursor.com>
38 lines
1.6 KiB
TypeScript
38 lines
1.6 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
import { SITE_CONTENT_DATA } from '../src/app/core/content/site-content';
|
|
import { SITE_CONFIG } from '../src/app/core/content/site-config';
|
|
import { pagePath } from './helpers';
|
|
|
|
test.describe('contact briefing', () => {
|
|
test('builds a mailto href and issues no network request', async ({ page }) => {
|
|
const extras: string[] = [];
|
|
await page.route('**/*', (route) => {
|
|
const url = route.request().url();
|
|
const resource = route.request().resourceType();
|
|
if (resource !== 'document' && !url.startsWith('data:') && !url.startsWith('blob:')) {
|
|
extras.push(`${resource} ${url}`);
|
|
}
|
|
void route.continue();
|
|
});
|
|
|
|
await page.goto(pagePath('contact', 'de'), { waitUntil: 'networkidle' });
|
|
extras.length = 0;
|
|
|
|
const emptySubmit = page.locator('.submit');
|
|
await expect(emptySubmit).toHaveAttribute('aria-disabled', 'true');
|
|
expect(await emptySubmit.getAttribute('href')).toBeNull();
|
|
|
|
await page.locator('#contact-name').fill('Ada');
|
|
await page.locator('#contact-email').fill('ada@example.com');
|
|
await page.locator('#contact-projectType').selectOption('software');
|
|
await page.locator('#contact-situation').fill('Need a migration.');
|
|
|
|
const href = await page.locator('a.submit').getAttribute('href');
|
|
expect(href).toMatch(/^mailto:/);
|
|
expect(href).toContain(encodeURIComponent(SITE_CONTENT_DATA.de.contact.mailSubject));
|
|
expect(href).toContain(encodeURIComponent('Ada'));
|
|
expect(href).toContain(SITE_CONFIG.contactEmail);
|
|
expect(extras, extras.join('\n')).toEqual([]);
|
|
});
|
|
});
|