sunpeak 0.18.14 → 0.19.2

package/template/tests/e2e/visual.spec.ts

@@ -0,0 +1,36 @@
+import { test, expect } from 'sunpeak/test';
+
+// Visual regression tests. Screenshot comparisons only run with `sunpeak test --visual`.
+// Update baselines with `sunpeak test --visual --update`.
+
+test('albums renders correctly in light mode', async ({ mcp }) => {
+  const result = await mcp.callTool('show-albums', {}, { theme: 'light' });
+  const app = result.app();
+  await expect(app.locator('button:has-text("Summer Slice")')).toBeVisible();
+
+  await mcp.screenshot('albums-light');
+});
+
+test('albums renders correctly in dark mode', async ({ mcp }) => {
+  const result = await mcp.callTool('show-albums', {}, { theme: 'dark' });
+  const app = result.app();
+  await expect(app.locator('button:has-text("Summer Slice")')).toBeVisible();
+
+  await mcp.screenshot('albums-dark');
+});
+
+test('albums renders correctly in fullscreen', async ({ mcp }) => {
+  const result = await mcp.callTool('show-albums', {}, { displayMode: 'fullscreen' });
+  const app = result.app();
+  await expect(app.locator('button:has-text("Summer Slice")')).toBeVisible();
+
+  await mcp.screenshot('albums-fullscreen');
+});
+
+test('full page renders correctly', async ({ mcp }) => {
+  const result = await mcp.callTool('show-albums', {}, { theme: 'light' });
+  const app = result.app();
+  await expect(app.locator('button:has-text("Summer Slice")')).toBeVisible();
+
+  await mcp.screenshot('albums-page-light', { target: 'page', maxDiffPixelRatio: 0.02 });
+});

package/template/tests/live/albums.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from 'sunpeak/test';
+import { test, expect } from 'sunpeak/test/live';
 
 test('albums tool renders photo grid with correct styles', async ({ live }) => {
   const app = await live.invoke('show-albums');

package/template/tests/live/carousel.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from 'sunpeak/test';
+import { test, expect } from 'sunpeak/test/live';
 
 test('carousel tool renders cards with correct styles', async ({ live }) => {
   const app = await live.invoke('show-carousel');

package/template/tests/live/map.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from 'sunpeak/test';
+import { test, expect } from 'sunpeak/test/live';
 
 test('map tool renders interactive map with correct styles', async ({ live }) => {
   const app = await live.invoke('show-map');

package/template/tests/live/playwright.config.ts

@@ -1,3 +1,3 @@
-import { defineLiveConfig } from 'sunpeak/test/config';
+import { defineLiveConfig } from 'sunpeak/test/live/config';
 
 export default defineLiveConfig({ devOverlay: false });

package/template/tests/live/review.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from 'sunpeak/test';
+import { test, expect } from 'sunpeak/test/live';
 
 test('review tool renders review card with correct styles', async ({ live }) => {
   const app = await live.invoke('review-diff');

package/template/vitest.config.ts

@@ -8,7 +8,7 @@ const parentSrc = path.resolve(__dirname, '../src');
 export default defineConfig({
   test: {
     globals: true,
-    environment: 'jsdom',
+    environment: 'happy-dom',
     setupFiles: './tests/setup.ts',
     exclude: ['**/node_modules/**', '**/tests/e2e/**', '**/tests/live/**'],
   },

package/template/tests/e2e/global-setup.ts

@@ -1,10 +0,0 @@
-/**
- * Playwright global setup.
- *
- * The webServer (pnpm dev) handles building resources via its build watcher.
- * No separate build step needed here — the dev server's initial build creates
- * dist/ files before serving the first request.
- */
-export default function globalSetup() {
-  // Nothing to do — the webServer handles everything.
-}

package/template/tests/e2e/helpers.ts

@@ -1,13 +0,0 @@
-import {
-  createInspectorUrl as _createInspectorUrl,
-  type InspectorUrlParams,
-} from 'sunpeak/chatgpt';
-
-/**
- * Wrapper around createInspectorUrl that hides the dev overlay by default.
- * The overlay shows resource timestamps and tool timing, which can interfere
- * with element assertions in e2e tests.
- */
-export function createInspectorUrl(params: InspectorUrlParams, basePath?: string): string {
-  return _createInspectorUrl({ devOverlay: false, ...params }, basePath);
-}