test: lock semantic and no-script portfolio behavior

2026-09-02 03:12:12 +03:00
parent 3638a0beef
commit 091ff70deb
8 changed files with 811 additions and 2 deletions
--- a/tests/browser/no-javascript.spec.ts
+++ b/tests/browser/no-javascript.spec.ts
@@ -0,0 +1,117 @@
+import { expect, test } from '../helpers/serve-dist';
+
+test.use({ javaScriptEnabled: false });
+
+const sectionIds = [
+  'start',
+  'profile',
+  'experience',
+  'infrastructure',
+  'selected-builds',
+  'additional-work',
+  'toolkit',
+  'contact',
+] as const;
+
+const sectionHeadings = [
+  'START',
+  'PROFILE',
+  'EXPERIENCE',
+  'INFRASTRUCTURE',
+  'SELECTED BUILDS',
+  'ADDITIONAL WORK',
+  'TOOLKIT',
+  'CONTACT',
+] as const;
+
+test('keeps the complete hiring-manager path readable without JavaScript', async ({
+  page,
+  distUrl,
+}) => {
+  const pageErrors: string[] = [];
+  const consoleErrors: string[] = [];
+  const failedRequests: string[] = [];
+  page.on('pageerror', (error) => pageErrors.push(error.message));
+  page.on('console', (message) => {
+    if (message.type() === 'error') consoleErrors.push(message.text());
+  });
+  page.on('requestfailed', (request) => {
+    if (request.resourceType() !== 'script') {
+      failedRequests.push(
+        `${request.url()}: ${request.failure()?.errorText ?? 'failed'}`,
+      );
+    }
+  });
+
+  await page.goto(distUrl, { waitUntil: 'load' });
+
+  await expect(page.locator('h1:visible')).toHaveCount(1);
+  await expect(page.locator('h1')).toHaveText('Luca Pîslaru');
+  await expect(page.locator('.site-header > p').first()).toHaveText(
+    'System Administrator & Full-Stack Developer',
+  );
+  await expect(page.locator('main')).toBeVisible();
+  await expect(
+    page.locator('nav[aria-label="Portfolio sections"]'),
+  ).toBeVisible();
+  await expect(page.locator('footer')).toBeVisible();
+  expect(
+    await page
+      .locator('main > section')
+      .evaluateAll((sections) => sections.map((section) => section.id)),
+  ).toEqual(sectionIds);
+  expect(await page.locator('main > section > h2').allTextContents()).toEqual(
+    sectionHeadings,
+  );
+
+  for (const evidence of [
+    'Professional systems operations',
+    'Secure self-hosted platform and lifecycle',
+    'Private self-hosted medication tracker',
+    'Footy Tracker',
+    'Linux',
+    'Docker',
+    'Python',
+    'Vue.js',
+  ]) {
+    await expect(
+      page.getByText(evidence, { exact: true }).first(),
+    ).toBeVisible();
+  }
+
+  const email = page.locator('a[href="mailto:luca.pislaru@gmail.com"]');
+  await expect(email).toBeVisible();
+  await expect(email).toHaveText('luca.pislaru@gmail.com');
+  await expect(
+    page.getByText(
+      'For a current CV or role-specific information, contact me directly.',
+      { exact: true },
+    ),
+  ).toBeVisible();
+
+  for (const title of [
+    'Private self-hosted medication tracker',
+    'Private healthcare platform',
+    'Private game prototype',
+  ]) {
+    await expect(
+      page.locator('article').filter({ hasText: title }).locator('a'),
+    ).toHaveCount(0);
+  }
+  await expect(page.locator('a[download]')).toHaveCount(0);
+  expect(pageErrors).toEqual([]);
+  expect(consoleErrors).toEqual([]);
+  expect(failedRequests).toEqual([]);
+});
+
+test('retains native section navigation when scripts are disabled', async ({
+  page,
+  distUrl,
+}) => {
+  await page.goto(distUrl, { waitUntil: 'load' });
+  await page.locator('nav a[href="#contact"]').click();
+
+  await expect(page).toHaveURL(`${distUrl}/#contact`);
+  await expect(page.locator('#contact')).toBeInViewport();
+  await expect(page.locator('#contact a[href^="mailto:"]')).toBeVisible();
+});