Adding Orbital Memory

app/components/gameCard.js

@@ -16,6 +16,11 @@
  * @param {string} [manifest.thumbnail] - Path to the thumbnail image.
  * @param {object} [progress] - Optional progress data for the game.
  * @param {number} [progress.highScore] - The player's high score for this game.
+ * @param {number} [progress.highestLevel] - The highest level reached (0-indexed;
+ *   displayed as level + 1).
+ * @param {number} [progress.maxLevel] - The maximum level number reached.
+ * @param {number} [progress.maxPiggies] - The maximum number of piggies collected.
+ * @param {number} [progress.lowestDisplayTime] - The lowest display time achieved, in milliseconds.
  * @returns {HTMLElement} An <article> element representing the game card.
  */
 export function createGameCard(manifest, progress) {
@@ -36,18 +41,23 @@ export function createGameCard(manifest, progress) {
   const description = document.createElement('p');
   description.textContent = manifest.description || '';
 
-  // If this is Fast Piggie, show detailed stats if available
+  // Show saved stats when available.
   let scoreElem = null;
-  if (manifest.id === 'fast-piggie' && progress) {
+  if (progress) {
     scoreElem = document.createElement('p');
     scoreElem.className = 'game-high-score';
     const details = [];
     if (typeof progress.highScore === 'number') details.push(`Top Score: ${progress.highScore}`);
+    if (typeof progress.highestLevel === 'number') details.push(`Max Level: ${progress.highestLevel + 1}`);
     if (typeof progress.maxLevel === 'number') details.push(`Max Level: ${progress.maxLevel}`);
     if (typeof progress.maxPiggies === 'number') details.push(`Max Piggies: ${progress.maxPiggies}`);
     if (typeof progress.lowestDisplayTime === 'number') details.push(`Lowest Display Time: ${progress.lowestDisplayTime}ms`);
-    scoreElem.textContent = details.join(' | ');
-    scoreElem.setAttribute('aria-label', `Stats for ${manifest.name}: ${scoreElem.textContent}`);
+    if (details.length > 0) {
+      scoreElem.textContent = details.join(' | ');
+      scoreElem.setAttribute('aria-label', `Stats for ${manifest.name}: ${scoreElem.textContent}`);
+    } else {
+      scoreElem = null;
+    }
   }
 
   const button = document.createElement('button');

app/components/gameCard.test.js

@@ -1,16 +1,3 @@
-it('displays high score for Fast Piggie when provided', () => {
-  const manifest = {
-    id: 'fast-piggie',
-    name: 'Fast Piggie',
-    description: 'Test desc',
-    thumbnail: '/images/test.png',
-  };
-  const progress = { highScore: 42 };
-  const card = createGameCard(manifest, progress);
-  const scoreElem = card.querySelector('.game-high-score');
-  expect(scoreElem).not.toBeNull();
-  expect(scoreElem.textContent).toContain('42');
-});
 import { createGameCard } from './gameCard.js';
 
 const validManifest = {
@@ -87,4 +74,43 @@ describe('createGameCard', () => {
     const button = card.querySelector('button');
     expect(button.getAttribute('aria-label')).toBeTruthy();
   });
+
+  it('displays score stats for any game when provided', () => {
+    const manifest = {
+      id: 'orbit-sprite-memory',
+      name: 'Orbit Sprite Memory',
+      description: 'Test desc',
+      thumbnail: '/images/test.png',
+    };
+    const progress = { highScore: 42, highestLevel: 3 };
+    const card = createGameCard(manifest, progress);
+    const scoreElem = card.querySelector('.game-high-score');
+
+    expect(scoreElem).not.toBeNull();
+    expect(scoreElem.textContent).toContain('Top Score: 42');
+    expect(scoreElem.textContent).toContain('Max Level: 4');
+  });
+
+  it('displays detailed fast-piggie stats when provided', () => {
+    const manifest = {
+      id: 'fast-piggie',
+      name: 'Fast Piggie',
+      description: 'Test desc',
+      thumbnail: '/images/test.png',
+    };
+    const progress = {
+      highScore: 11,
+      maxLevel: 5,
+      maxPiggies: 9,
+      lowestDisplayTime: 550,
+    };
+    const card = createGameCard(manifest, progress);
+    const scoreElem = card.querySelector('.game-high-score');
+
+    expect(scoreElem).not.toBeNull();
+    expect(scoreElem.textContent).toContain('Top Score: 11');
+    expect(scoreElem.textContent).toContain('Max Level: 5');
+    expect(scoreElem.textContent).toContain('Max Piggies: 9');
+    expect(scoreElem.textContent).toContain('Lowest Display Time: 550ms');
+  });
 });