59 lines
3.3 KiB
JavaScript
59 lines
3.3 KiB
JavaScript
import { chromium } from 'playwright';
|
||
import assert from 'node:assert/strict';
|
||
import { mkdir } from 'node:fs/promises';
|
||
|
||
await mkdir('artifacts', { recursive: true });
|
||
const browser = await chromium.launch({ headless: true });
|
||
const context = await browser.newContext({ viewport: { width: 390, height: 844 }, deviceScaleFactor: 2, serviceWorkers: 'block' });
|
||
const page = await context.newPage();
|
||
const errors = [];
|
||
page.on('console', message => { if (message.type() === 'error') errors.push(message.text()); });
|
||
page.on('pageerror', error => errors.push(error.message));
|
||
await page.route('**/api/vision-status', route => route.fulfill({
|
||
status: 200,
|
||
contentType: 'application/json',
|
||
body: JSON.stringify({ enabled: true, profile: 'selfhost', processor: 'self-hosted', model: 'SmolVLM2-2.2B-Instruct', providerReady: true, modelSeen: true }),
|
||
}));
|
||
await page.route('**/api/analyze', route => route.fulfill({
|
||
status: 200,
|
||
contentType: 'application/json',
|
||
body: JSON.stringify({
|
||
status: 'suggestion', isStool: true, bristolType: 4, color: 'brown', confidence: 0.83,
|
||
imageQuality: 'good', observations: 'Smooth, formed appearance.',
|
||
warning: 'Visual suggestion only. Confirm it yourself; this is not a diagnosis.',
|
||
}),
|
||
}));
|
||
await page.goto('http://127.0.0.1:4173', { waitUntil: 'networkidle' });
|
||
await page.evaluate(() => localStorage.clear());
|
||
await page.reload({ waitUntil: 'networkidle' });
|
||
|
||
await page.locator('[data-scan]').click();
|
||
await page.getByText(/Self-hosted model ready/i).waitFor();
|
||
await page.screenshot({ path: 'artifacts/selfhost-photo-first-mobile.png', fullPage: false });
|
||
assert.equal(await page.getByText('One photo. Two useful suggestions.').isVisible(), true);
|
||
await page.locator('#ai-photo').setInputFiles('tests/fixtures/synthetic-type4.jpg');
|
||
assert.equal(await page.locator('#analyze-photo').isDisabled(), true);
|
||
assert.match(await page.locator('.consent-card').innerText(), /self-hosted model server/i);
|
||
assert.doesNotMatch(await page.locator('.consent-card').innerText(), /provider’s terms/i);
|
||
await page.locator('#ai-consent').check();
|
||
assert.equal(await page.locator('#analyze-photo').isEnabled(), true);
|
||
await page.locator('#analyze-photo').click();
|
||
await page.getByText(/83% confidence/i).waitFor();
|
||
assert.equal(await page.getByText('Type 4', { exact: true }).isVisible(), true);
|
||
assert.equal(await page.getByText('brown', { exact: true }).isVisible(), true);
|
||
await page.screenshot({ path: 'artifacts/photo-first-result-mobile.png', fullPage: false });
|
||
|
||
await page.locator('#use-suggestion').click();
|
||
assert.equal(await page.getByText('AI PREFILLED', { exact: true }).isVisible(), true);
|
||
assert.equal(await page.locator('[data-type="4"]').getAttribute('class').then(v => v.includes('selected')), true);
|
||
await page.locator('#next').click();
|
||
assert.equal(await page.locator('#color').inputValue(), 'brown');
|
||
assert.equal(await page.locator('#urgency').inputValue(), '0');
|
||
assert.equal(await page.locator('#discomfort').inputValue(), '0');
|
||
assert.match(await page.locator('.fine').last().innerText(), /must come from you/i);
|
||
await page.screenshot({ path: 'artifacts/photo-first-prefill-mobile.png', fullPage: false });
|
||
|
||
assert.deepEqual(errors, []);
|
||
await browser.close();
|
||
console.log('PASS photo → consent → AI suggestion → confirmed visual prefill → nonvisual fields remain user-reported');
|