fix(client): show project previews (#58761)

2026-05-28 18:26:54 +00:00 · 2025-02-14 05:25:30 +01:00
parent 552791879c
commit 0c754bf690
14 changed files with 166 additions and 44 deletions
@@ -0,0 +1,86 @@
+import { execSync } from 'node:child_process';
+
+import { test, expect, Page } from '@playwright/test';
+
+import tributePage from './fixtures/tribute-page.json';
+
+import { authedRequest } from './utils/request';
+
+const unlockedProfile = {
+  isLocked: false,
+  showAbout: true,
+  showCerts: true,
+  showDonation: true,
+  showHeatMap: true,
+  showLocation: true,
+  showName: true,
+  showPoints: true,
+  showPortfolio: true,
+  showTimeLine: true
+};
+
+async function expectPreviewToBeShown(page: Page) {
+  await page
+    .getByRole('button', { name: 'View Solution for Build a Tribute Page' })
+    .first()
+    .click();
+  await page.getByRole('menuitem', { name: 'View Project' }).click();
+  const modalHeading = page.getByRole('heading', {
+    name: 'Build a Tribute Page',
+    exact: true
+  });
+  await expect(modalHeading).toBeVisible();
+
+  const projectPreview = page.frameLocator('#fcc-project-preview-frame');
+  await expect(projectPreview.getByText('Tribute page text')).toBeVisible();
+}
+
+test.describe('Completed project preview', () => {
+  test.use({ storageState: 'playwright/.auth/development-user.json' });
+
+  test.beforeEach(async ({ request }) => {
+    execSync('node ./tools/scripts/seed/seed-demo-user');
+
+    await authedRequest({
+      request,
+      method: 'post',
+      endpoint: '/modern-challenge-completed',
+      data: {
+        id: tributePage.id,
+        challengeType: 14,
+        files: [tributePage.htmlFile, tributePage.cssFile]
+      }
+    });
+
+    await authedRequest({
+      request,
+      endpoint: '/update-my-profileui',
+      method: 'put',
+      data: {
+        profileUI: unlockedProfile
+      }
+    });
+  });
+
+  test('it should be viewable on the timeline', async ({ page }) => {
+    await page.goto('/developmentuser');
+
+    if (!process.env.CI) {
+      await page
+        .getByRole('button', { name: 'Preview custom 404 page' })
+        .click();
+    }
+
+    await expect(
+      page.getByRole('heading', { name: '@developmentuser' })
+    ).toBeVisible();
+
+    await expectPreviewToBeShown(page);
+  });
+
+  test('it should be viewable on the settings page', async ({ page }) => {
+    await page.goto('/settings');
+
+    await expectPreviewToBeShown(page);
+  });
+});