Made of little things.

import { chromium, executable } from './browser-support.mjs';
import { writeFile } from 'node:fs/promises';
import assert from 'node:assert/strict';
const browser = await chromium.launch({
  executablePath: executable,
  headless: true,
});
try {
  const page = await browser.newPage({
    viewport: { width: 1200, height: 1000 },
  });
  await page.goto(process.env.NAPCRAFT_URL || 'http://127.0.0.1:51696/');
  await page.locator('#view-listing').click();
  const image = page.locator('#listing-content img');
  await image.waitFor();
  await image.evaluate((img) => img.decode());
  assert.equal(await image.evaluate((img) => img.naturalWidth), 1200);
  const video = page.locator('#listing-content video');
  await video.waitFor();
  const playback = await video.evaluate(async (el) => {
    el.muted = true;
    await el.play();
    return new Promise((resolve, reject) => {
      const timer = setTimeout(
        () => reject(Error('Clip did not finish playback')),
        15000,
      );
      el.onended = () => {
        clearTimeout(timer);
        resolve({
          duration: el.duration,
          width: el.videoWidth,
          height: el.videoHeight,
          ended: el.ended,
        });
      };
      el.onerror = () => reject(Error('Video decode failed'));
    });
  });
  assert.ok(playback.ended);
  assert.equal(playback.width, 960);
  assert.equal(playback.height, 600);
  await page.screenshot({
    path: '.napplet-space/promotion/listing-review.png',
    fullPage: true,
  });
  await writeFile(
    '.napplet-space/media-review.json',
    JSON.stringify({ image: 'decoded 1200 × 750 PNG', playback }, null, 2),
  );
  console.log(
    'PASS image decoded and full video played in soyLI Listing',
    playback,
  );
} finally {
  await browser.close();
}