create-walle 0.9.3 → 0.9.4

package/template/claude-task-manager/tests/test-send-fixes.js

@@ -1,76 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE = `http://localhost:3456/prompts.html?token=${TOKEN}`;
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-
-  await page.goto(BASE + '#prompt=3', { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 2000));
-
-  // Test 1: Send button guard - clicking multiple times should not create multiple sessions
-  // Simulate clicking Send twice quickly
-  const sendBtn = await page.$('.send-dropdown-wrap .btn-main');
-  console.log('=== Fix 1: Debounce Send ===');
-
-  // First click — should go through
-  await sendBtn.click();
-  await new Promise(r => setTimeout(r, 200));
-  const btnText1 = await page.$eval('.send-dropdown-wrap .btn-main', el => el.textContent);
-  const btnDisabled1 = await page.$eval('.send-dropdown-wrap .btn-main', el => el.disabled);
-  console.log('1. After first click - button text:', btnText1.trim());
-  console.log('   Button disabled:', btnDisabled1);
-
-  // Second click — should be blocked by guard
-  await sendBtn.click();
-  await new Promise(r => setTimeout(r, 200));
-  // Check pendingPromptSend is still set (not reset/replaced)
-  const pending = await page.evaluate(() => !!state.pendingPromptSend);
-  console.log('2. Pending prompt send exists:', pending);
-
-  // Wait for the safety timeout or session creation, then check button resets
-  // (We won't wait 15s, just verify the guard works)
-
-  // Reset for next test
-  await page.evaluate(() => { state.pendingPromptSend = null; resetSendButton(); });
-
-  // Test 2: Image in plain text
-  console.log('\n=== Fix 2: Images in Copy ===');
-
-  // Insert a fake image into the editor
-  await page.evaluate(() => {
-    const editor = document.getElementById('editor');
-    const img = document.createElement('img');
-    img.src = '/api/images/file/test-image-abc123.png?token=xyz';
-    img.dataset.imageId = '99';
-    editor.appendChild(img);
-  });
-
-  const plainText = await page.evaluate(() => getPromptPlainText());
-  console.log('3. Plain text includes image ref:', plainText.includes('[Image: test-image-abc123.png]'));
-  console.log('   Image ref text:', plainText.match(/\[Image: [^\]]+\]/)?.[0] || '(not found)');
-
-  // Test markdown copy
-  const mdResult = await page.evaluate(() => {
-    const editor = document.getElementById('editor');
-    return htmlToMarkdown(editor.innerHTML);
-  });
-  console.log('4. Markdown includes image:', mdResult.includes('![Image]'));
-  console.log('   Image md:', mdResult.match(/!\[Image\]\([^)]+\)/)?.[0] || '(not found)');
-
-  // Clean up the fake image
-  await page.evaluate(() => {
-    const editor = document.getElementById('editor');
-    const img = editor.querySelector('img[data-image-id="99"]');
-    if (img) img.remove();
-  });
-
-  await browser.close();
-  console.log('\nAll fix tests complete.');
-}
-
-runTest();

package/template/claude-task-manager/tests/test-send-integration.js

@@ -1,107 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE_PROMPTS = `http://localhost:3456/prompts.html?token=${TOKEN}`;
-const BASE_MAIN = `http://localhost:3456/?token=${TOKEN}`;
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-
-  // --- Test 1: API - Track prompt usage ---
-  console.log('=== API Tests ===');
-  const http = require('http');
-  const testSessionId = 'test-session-' + Date.now();
-
-  // Track usage for prompt 3
-  const trackRes = await fetch(`http://localhost:3456/api/prompts/3/usage?token=${TOKEN}`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ session_id: testSessionId }),
-  });
-  const trackData = await trackRes.json();
-  console.log('1. Track usage:', trackData);
-
-  // Get usage stats
-  const statsRes = await fetch(`http://localhost:3456/api/prompts/3/usage?token=${TOKEN}`);
-  const stats = await statsRes.json();
-  console.log('2. Usage stats:', stats);
-  console.log('   use_count > 0:', stats.use_count > 0);
-
-  // Get usage sessions
-  const sessionsRes = await fetch(`http://localhost:3456/api/prompts/3/usage/sessions?token=${TOKEN}`);
-  const sessions = await sessionsRes.json();
-  console.log('3. Usage sessions:', sessions.length, 'entries');
-  console.log('   Latest session:', sessions[0]?.session_id);
-
-  // Get session prompts (reverse lookup)
-  const sessionPromptsRes = await fetch(`http://localhost:3456/api/session-prompts?session_id=${testSessionId}&token=${TOKEN}`);
-  const sessionPrompts = await sessionPromptsRes.json();
-  console.log('4. Session prompts:', sessionPrompts.length, 'entries');
-  console.log('   First prompt title:', sessionPrompts[0]?.title);
-
-  // --- Test 2: UI - Dropdown on prompts page ---
-  console.log('\n=== UI Tests ===');
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(BASE_PROMPTS, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1500));
-
-  // Open prompt 3
-  await page.goto(BASE_PROMPTS + '#prompt=3', { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1500));
-
-  // Check usage badge appears (since we just tracked usage)
-  const badgeText = await page.$eval('#usage-badge-wrap', el => el.textContent.trim()).catch(() => '');
-  console.log('5. Usage badge text:', badgeText || '(empty)');
-  console.log('   Badge shows usage:', badgeText.includes('Used'));
-
-  // Open dropdown and screenshot
-  const caret = await page.$('.send-dropdown-wrap .btn-caret');
-  if (caret) await caret.click();
-  await new Promise(r => setTimeout(r, 300));
-
-  // Crop screenshot of just the dropdown area
-  const dropWrap = await page.$('.send-dropdown-wrap');
-  if (dropWrap) {
-    await dropWrap.screenshot({ path: 'tests/screenshots/send-04-dropdown-detail.png' });
-  }
-  await page.screenshot({ path: 'tests/screenshots/send-05-with-badge.png' });
-
-  // Test copy as text
-  // We can't easily verify clipboard in headless, but we can verify the function exists
-  const hasCopyFn = await page.evaluate(() => typeof copyPromptText === 'function');
-  console.log('6. copyPromptText function exists:', hasCopyFn);
-
-  const hasCopyMdFn = await page.evaluate(() => typeof copyPromptMarkdown === 'function');
-  console.log('7. copyPromptMarkdown function exists:', hasCopyMdFn);
-
-  // Test htmlToMarkdown
-  const md = await page.evaluate(() => htmlToMarkdown('<h1>Title</h1><p>Hello <strong>world</strong></p><ul><li>Item 1</li><li>Item 2</li></ul>'));
-  console.log('8. HTML to Markdown:', JSON.stringify(md));
-
-  // --- Test 3: Main page shows linked prompts ---
-  console.log('\n=== Main Page Tests ===');
-  const mainPage = await browser.newPage();
-  mainPage.on('pageerror', err => console.error('[MAIN PAGE ERROR]', err.message));
-  await mainPage.setViewport({ width: 1920, height: 1080 });
-  await mainPage.goto(BASE_MAIN, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 2000));
-
-  // Check that refreshSessionPrompts and openPromptInEditor functions exist
-  const hasRefresh = await mainPage.evaluate(() => typeof refreshSessionPrompts === 'function');
-  console.log('9. refreshSessionPrompts exists:', hasRefresh);
-  const hasOpenPrompt = await mainPage.evaluate(() => typeof openPromptInEditor === 'function');
-  console.log('10. openPromptInEditor exists:', hasOpenPrompt);
-
-  // Check hash routing function exists
-  const hasHashCheck = await mainPage.evaluate(() => typeof checkHashSession === 'function');
-  console.log('11. checkHashSession exists:', hasHashCheck);
-
-  await mainPage.screenshot({ path: 'tests/screenshots/send-06-main-page.png' });
-
-  await browser.close();
-  console.log('\nAll integration tests complete.');
-}
-
-runTest();

package/template/claude-task-manager/tests/test-send-visual.js

@@ -1,34 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE = `http://localhost:3456/prompts.html?token=${TOKEN}`;
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  await page.setViewport({ width: 1920, height: 1080 });
-
-  // Open prompt 3 directly
-  await page.goto(BASE + '#prompt=3', { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 2000));
-
-  // Screenshot the meta-bar area showing the Send button and usage badge
-  const metaBar = await page.$('#meta-bar');
-  if (metaBar) await metaBar.screenshot({ path: 'tests/screenshots/send-07-metabar.png' });
-
-  // Open the dropdown
-  const caret = await page.$('.send-dropdown-wrap .btn-caret');
-  if (caret) await caret.click();
-  await new Promise(r => setTimeout(r, 300));
-
-  // Screenshot the top-right area with dropdown open
-  await page.screenshot({
-    path: 'tests/screenshots/send-08-dropdown-cropped.png',
-    clip: { x: 800, y: 0, width: 600, height: 400 }
-  });
-
-  await browser.close();
-  console.log('Visual screenshots saved.');
-}
-
-runTest();

package/template/claude-task-manager/tests/test-session-create.js

@@ -1,147 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const path = require('path');
-
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE_URL = `http://localhost:3456/?token=${TOKEN}`;
-const SCREENSHOT_DIR = path.join(__dirname, 'screenshots');
-
-const fs = require('fs');
-if (!fs.existsSync(SCREENSHOT_DIR)) fs.mkdirSync(SCREENSHOT_DIR, { recursive: true });
-
-async function screenshot(page, name) {
-  const filePath = path.join(SCREENSHOT_DIR, `${name}.png`);
-  await page.screenshot({ path: filePath, fullPage: false });
-  console.log(`  Screenshot: ${filePath}`);
-}
-
-async function runTest() {
-  const browser = await puppeteer.launch({
-    headless: true,
-    args: ['--no-sandbox', '--disable-setuid-sandbox'],
-  });
-
-  const page = await browser.newPage();
-  await page.setViewport({ width: 1920, height: 1080 });
-
-  // Capture console messages
-  page.on('console', msg => {
-    console.log(`  [BROWSER ${msg.type()}] ${msg.text()}`);
-  });
-
-  page.on('pageerror', err => {
-    console.error(`  [PAGE ERROR] ${err.message}`);
-  });
-
-  try {
-    // Step 1: Load the page
-    console.log('Step 1: Loading page...');
-    await page.goto(BASE_URL, { waitUntil: 'networkidle2', timeout: 15000 });
-    await screenshot(page, '01-page-loaded');
-
-    // Check welcome screen is visible
-    const welcomeText = await page.$eval('#welcome h2', el => el.textContent);
-    console.log(`  Welcome text: "${welcomeText}"`);
-    if (!welcomeText.includes('Welcome')) throw new Error('Welcome screen not found');
-    console.log('  PASS: Welcome screen visible');
-
-    // Step 2: Click "+ New Session" button
-    console.log('\nStep 2: Clicking "+ New Session" button...');
-    await page.click('.btn.primary');
-    await new Promise(r => setTimeout(r, 500));
-    await screenshot(page, '02-modal-opened');
-
-    // Step 3: Verify modal appears
-    console.log('\nStep 3: Verifying modal...');
-    const modalVisible = await page.$eval('#new-session-modal', el => !el.classList.contains('hidden'));
-    if (!modalVisible) throw new Error('Modal did not appear');
-    console.log('  PASS: Modal is visible');
-
-    // Step 4: Select "Shell" type
-    console.log('\nStep 4: Selecting Shell type...');
-    await page.select('#ns-type', 'shell');
-    await new Promise(r => setTimeout(r, 300));
-    await screenshot(page, '03-shell-selected');
-    const selectedType = await page.$eval('#ns-type', el => el.value);
-    console.log(`  Selected type: ${selectedType}`);
-    if (selectedType !== 'shell') throw new Error('Shell type not selected');
-    console.log('  PASS: Shell type selected');
-
-    // Step 5: Click "Create" button
-    console.log('\nStep 5: Clicking Create...');
-    // Find the Create button in the modal
-    const createBtn = await page.evaluateHandle(() => {
-      const buttons = Array.from(document.querySelectorAll('.modal .btn.primary'));
-      return buttons.find(b => b.textContent.includes('Create'));
-    });
-    if (!createBtn) throw new Error('Create button not found');
-    await createBtn.click();
-
-    // Wait for WebSocket to create session and terminal to render
-    console.log('  Waiting for session creation...');
-    await new Promise(r => setTimeout(r, 3000));
-    await screenshot(page, '04-after-create');
-
-    // Step 6: Verify terminal session created
-    console.log('\nStep 6: Verifying terminal session...');
-
-    // Check modal is closed
-    const modalHidden = await page.$eval('#new-session-modal', el => el.classList.contains('hidden'));
-    console.log(`  Modal hidden: ${modalHidden}`);
-
-    // Check if a tab was created
-    const tabs = await page.$$('#tabbar .tab');
-    console.log(`  Tabs found: ${tabs.length}`);
-
-    // Check if terminal container exists and is active
-    const activeTerms = await page.$$('.term-container.active');
-    console.log(`  Active terminal containers: ${activeTerms.length}`);
-
-    // Check if xterm rendered
-    const xtermExists = await page.$('.term-container.active .xterm');
-    console.log(`  xterm element exists: ${!!xtermExists}`);
-
-    // Check sidebar session list
-    const sessionItems = await page.$$('.session-item');
-    console.log(`  Session items in sidebar: ${sessionItems.length}`);
-
-    // Check welcome is hidden
-    const welcomeDisplay = await page.$eval('#welcome', el => getComputedStyle(el).display);
-    console.log(`  Welcome display: ${welcomeDisplay}`);
-
-    await screenshot(page, '05-terminal-session');
-
-    if (activeTerms.length > 0 && xtermExists) {
-      console.log('\n  PASS: Terminal session created and visible!');
-    } else {
-      // Dump more debug info
-      const allContainers = await page.$$('.term-container');
-      console.log(`  Total term containers: ${allContainers.length}`);
-      const html = await page.$eval('#terminal-area', el => el.innerHTML.substring(0, 2000));
-      console.log(`  terminal-area HTML: ${html}`);
-
-      // Check WebSocket state
-      const wsState = await page.evaluate(() => {
-        return state.ws ? state.ws.readyState : 'no ws';
-      });
-      console.log(`  WebSocket state: ${wsState}`);
-
-      const sessionsMap = await page.evaluate(() => {
-        return { size: state.sessions.size, tabs: state.tabOrder };
-      });
-      console.log(`  Sessions map size: ${sessionsMap.size}, tabs: ${JSON.stringify(sessionsMap.tabs)}`);
-
-      throw new Error('Terminal session not visible');
-    }
-
-    console.log('\n=== ALL TESTS PASSED ===');
-  } catch (error) {
-    console.error(`\n  FAIL: ${error.message}`);
-    await screenshot(page, 'error-state');
-    process.exitCode = 1;
-  } finally {
-    await browser.close();
-  }
-}
-
-runTest();

package/template/claude-task-manager/tests/test-sidebar-ux.js

@@ -1,83 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(`http://localhost:3456/prompts.html?token=${TOKEN}`, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-
-  // Screenshot 1: Initial sidebar
-  const sidebar = await page.$('#prompt-sidebar');
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/sidebar-01-initial.png' });
-
-  // Click Email Cron v2
-  const items = await page.$$('.prompt-item');
-  for (const item of items) {
-    const title = await item.$eval('.prompt-title', el => el.textContent.trim());
-    if (title.includes('Email Cron')) { await item.click(); break; }
-  }
-  await new Promise(r => setTimeout(r, 500));
-
-  // Screenshot 2: Sidebar with active prompt
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/sidebar-02-active.png' });
-
-  // Hover over a prompt to show actions
-  const firstItem = await page.$('.prompt-item');
-  if (firstItem) {
-    await firstItem.hover();
-    await new Promise(r => setTimeout(r, 300));
-  }
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/sidebar-03-hover.png' });
-
-  // Test: Edit title in meta bar and check sidebar sync
-  await page.evaluate(() => {
-    const input = document.getElementById('prompt-title-input');
-    input.value = 'Email Cron v2 - Updated';
-    input.dispatchEvent(new Event('input'));
-  });
-  await new Promise(r => setTimeout(r, 300));
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/sidebar-04-title-sync.png' });
-
-  // Restore title
-  await page.evaluate(() => {
-    const input = document.getElementById('prompt-title-input');
-    input.value = 'Email Cron v2';
-    input.dispatchEvent(new Event('input'));
-  });
-  await new Promise(r => setTimeout(r, 300));
-
-  // Test: Click pin button
-  const pinBtn = await page.$('.prompt-item .act-btn');
-  if (pinBtn) {
-    await page.evaluate(() => {
-      // Hover on first prompt item to show actions
-      const item = document.querySelector('.prompt-item');
-      item.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
-    });
-    await new Promise(r => setTimeout(r, 300));
-  }
-
-  // Full page screenshot
-  await page.screenshot({ path: 'tests/screenshots/sidebar-05-full.png' });
-
-  // Check drag handles exist
-  const handles = await page.$$('.drag-handle');
-  console.log('Drag handles found:', handles.length);
-
-  // Check action buttons exist
-  const actionBtns = await page.$$('.prompt-actions .act-btn');
-  console.log('Action buttons found:', actionBtns.length);
-
-  // Check folder actions
-  const folderActions = await page.$$('.folder-actions .act-btn');
-  console.log('Folder action buttons found:', folderActions.length);
-
-  await browser.close();
-  console.log('\nScreenshots saved.');
-}
-
-runTest();

package/template/claude-task-manager/tests/test-url-hash.js

@@ -1,68 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE = `http://localhost:3456/prompts.html?token=${TOKEN}`;
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-
-  // Test 1: Open page, click a prompt, check URL updates
-  await page.goto(BASE, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-  console.log('1. Initial URL:', page.url());
-
-  // Click Email Cron v2
-  const items = await page.$$('.prompt-item');
-  for (const item of items) {
-    const title = await item.$eval('.prompt-title', el => el.textContent.trim().replace(/^📌/, '').trim());
-    if (title.includes('Email Cron')) { await item.click(); break; }
-  }
-  await new Promise(r => setTimeout(r, 500));
-  console.log('2. After opening prompt:', page.url());
-
-  // Test 2: Click a view tab
-  await page.click('button[onclick="showView(\'chains\')"]');
-  await new Promise(r => setTimeout(r, 500));
-  console.log('3. After chains view:', page.url());
-
-  // Test 3: Navigate to a deep link directly
-  await page.goto(BASE + '#prompt=3', { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1500));
-  const title = await page.$eval('#prompt-title-input', el => el.value);
-  console.log('4. Deep link to prompt=3:', page.url());
-  console.log('   Loaded title:', title);
-
-  // Take screenshot of deep-linked page
-  await page.screenshot({ path: 'tests/screenshots/url-01-deeplink.png' });
-
-  // Test 4: Navigate to a view deep link
-  await page.goto(BASE + '#view=backups', { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1500));
-  const backupsVisible = await page.$eval('#view-backups', el => el.style.display);
-  console.log('5. Deep link to view=backups:', page.url());
-  console.log('   Backups view visible:', backupsVisible);
-
-  // Test 5: Folder deep link
-  await page.goto(BASE + '#folder=1', { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1500));
-  const activeFolder = await page.$eval('.folder-item.active .folder-name', el => el.textContent).catch(() => 'none');
-  console.log('6. Deep link to folder=1:', page.url());
-  console.log('   Active folder:', activeFolder);
-
-  // Test 6: Select folder, then open prompt — URL has both
-  await page.goto(BASE, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-  // Click first prompt
-  const items2 = await page.$$('.prompt-item');
-  if (items2.length) await items2[0].click();
-  await new Promise(r => setTimeout(r, 500));
-  console.log('7. Prompt in folder:', page.url());
-
-  await browser.close();
-  console.log('\nAll URL hash tests passed.');
-}
-
-runTest();

package/template/claude-task-manager/tests/test-ux-crop.js

@@ -1,34 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(`http://localhost:3456/prompts.html?token=${TOKEN}`, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-
-  const items = await page.$$('.prompt-item');
-  for (const item of items) {
-    const title = await item.$eval('.prompt-title', el => el.textContent.trim());
-    if (title.includes('Email Cron')) { await item.click(); break; }
-  }
-  await new Promise(r => setTimeout(r, 800));
-
-  // Crop just the document card area
-  const editorDiv = await page.$('#editor');
-  if (editorDiv) {
-    const box = await editorDiv.boundingBox();
-    const clip = {
-      x: box.x - 10,
-      y: box.y - 10,
-      width: box.width + 20,
-      height: Math.min(box.height + 20, 750),
-    };
-    await page.screenshot({ path: 'tests/screenshots/ux-08-document-card.png', clip });
-  }
-
-  await browser.close();
-}
-runTest();