amiirkhl/my-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: cover publishing, authentication and storage persistence

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-15 21:48:15 +03:30
parent ee9f49e4b7
commit c17b4b57b2
11 changed files with 294 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
e2e/admin.spec.ts Normal file
View File

@@ -0,0 +1,53 @@
import { expect, test } from '@playwright/test';
test('owner can edit content, create a translated project, upload media, and sign out', async ({ page, request }) => {
expect((await request.get('/api/admin/settings')).status()).toBe(401);
await page.goto('/admin');
await expect(page).toHaveURL(/\/admin\/login$/);
await page.getByLabel('Email', { exact: true }).fill('e2e@example.com');
await page.getByLabel('Password', { exact: true }).fill('Only-for-isolated-e2e-tests-2026');
await page.getByRole('button', { name: 'Sign in', exact: true }).click();
await expect(page.getByRole('heading', { name: 'Site settings', exact: true })).toBeVisible();
await page.screenshot({ path: test.info().outputPath('admin-settings.png'), fullPage: true });
await page.getByRole('button', { name: 'Profile & sections', exact: true }).click();
await page.getByRole('button', { name: 'Hero hero', exact: true }).click();
const name = page.getByLabel('Name', { exact: true });
const oldName = await name.inputValue();
await name.fill('An editable portfolio');
await page.getByRole('button', { name: 'Save changes', exact: true }).first().click();
await expect(page.getByRole('status')).toContainText('Saved');
expect(await (await request.get('/')).text()).toContain('An editable portfolio');
await page.getByLabel('Name', { exact: true }).fill(oldName);
await page.getByRole('button', { name: 'Save changes', exact: true }).first().click();
await expect(page.getByRole('status')).toContainText('Saved');
await page.getByRole('button', { name: 'Languages', exact: true }).click();
await page.getByRole('button', { name: '+ Add language', exact: true }).click();
await page.getByLabel('Name', { exact: true }).fill('Deutsch');
await page.getByLabel('Language code').fill('de');
await page.getByRole('button', { name: 'Save changes', exact: true }).first().click();
await expect(page.getByRole('status')).toContainText('Saved');
const german = await request.get('/de'); expect(german.status()).toBe(200); expect(await german.text()).toContain('lang="de"');
await page.getByRole('button', { name: 'Projects', exact: true }).click();
await page.getByRole('button', { name: '+ Add item', exact: true }).click();
const id = `browser-project-${test.info().project.name}`;
await page.getByLabel('ID (used in the URL)', { exact: true }).fill(id);
await page.getByRole('button', { name: 'Save changes', exact: true }).first().click();
await expect(page.getByRole('status')).toContainText('Saved');
expect((await request.get(`/de/projects/${id}`)).status()).toBe(200);
await page.getByLabel('Visible', { exact: true }).uncheck();
await page.getByRole('button', { name: 'Save changes', exact: true }).first().click();
await expect(page.getByRole('status')).toContainText('Saved');
expect((await request.get(`/projects/${id}`)).status()).toBe(404);
page.once('dialog', dialog => dialog.accept());
await page.getByRole('button', { name: 'Delete item', exact: true }).click();
await expect(page.getByRole('status')).toContainText('Deleted');
await page.getByRole('button', { name: 'Media library', exact: true }).click();
await page.locator('input[type=file]').setInputFiles({ name: 'certificate.pdf', mimeType: 'application/pdf', buffer: Buffer.from('%PDF-1.4\n1 0 obj\n<<>>\nendobj\n%%EOF') });
await expect(page.getByRole('link', { name: 'certificate.pdf' }).first()).toBeVisible();
await page.getByRole('button', { name: 'Sign out', exact: true }).click();
await expect(page).toHaveURL(/\/admin\/login$/);
await page.goto('/admin'); await expect(page).toHaveURL(/\/admin\/login$/);
});

23
e2e/project-case-study.spec.ts
View File

@@ -16,6 +16,9 @@ test('a pointer click on the card CTA opens a route-backed drawer and restores t
});
const card = page.getByRole('article', { name: 'Qlockify' });
const cta = card.getByRole('link', { name: 'View case study' });
// Measure the viewport from which the user actually clicks, after any
// automatic scroll needed to bring the link into view.
await cta.scrollIntoViewIfNeeded();
const portfolioScroll = await page.evaluate(() => window.scrollY);
await cta.click();
@@ -48,6 +51,9 @@ test('a shared route opens over the portfolio and adjacent navigation replaces h
});
test('share fallback, copy feedback, focus containment, and the localized RTL route work', async ({ page, context }) => {
// This test exercises the fallback. Native mobile share sheets are outside
// the DOM and are covered separately through the supported-share branch.
await page.addInitScript(() => Object.defineProperty(navigator, 'share', { configurable: true, value: undefined }));
await context.grantPermissions(['clipboard-read', 'clipboard-write']);
await page.goto('/fa/projects/qlockify', { waitUntil: 'domcontentloaded' });
const dialog = await expectDrawerOpen(page);
@@ -68,7 +74,16 @@ test('share fallback, copy feedback, focus containment, and the localized RTL ro
expect(await page.evaluate(() => document.activeElement?.closest('dialog') !== null)).toBe(true);
});
test('the gallery serves original media and opens an accessible full-screen viewer', async ({ page }) => {
test('mobile uses native sharing when it is available', async ({ page, isMobile }) => {
test.skip(!isMobile, 'Native sharing is used on compact layouts');
await page.addInitScript(() => Object.defineProperty(navigator, 'share', { configurable: true, value: async (data: ShareData) => { document.documentElement.dataset.sharedUrl = data.url; } }));
await page.goto(caseStudyPath, { waitUntil: 'domcontentloaded' });
const dialog = await expectDrawerOpen(page);
await dialog.getByRole('button', { name: 'Share this case study' }).click();
await expect(page.locator('html')).toHaveAttribute('data-shared-url', new RegExp(`${caseStudyPath}$`));
});
test('the gallery serves original media and opens an accessible full-screen viewer', async ({ page, isMobile }) => {
await page.goto(caseStudyPath, { waitUntil: 'domcontentloaded' });
const drawer = await expectDrawerOpen(page);
const stage = drawer.getByRole('button', { name: /Open full-screen image/ });
@@ -79,7 +94,11 @@ test('the gallery serves original media and opens an accessible full-screen view
const viewer = page.getByRole('dialog', { name: 'Full-screen project gallery' });
await expect(viewer).toBeVisible();
await expect(viewer.getByText('1 of 8')).toBeVisible();
await viewer.getByRole('button', { name: 'Next image' }).click();
if (isMobile) {
await viewer.getByRole('button', { name: /^Show image 2:/ }).click();
} else {
await viewer.getByRole('button', { name: 'Next image' }).click();
}
await expect(viewer.getByText('2 of 8')).toBeVisible();
await viewer.getByRole('button', { name: 'Close full-screen image' }).click();
await expect(stage).toBeFocused();