Vito
4040007264
The gallery root scope and the Images listing cursor were keyed with a per-process random key, so every ComfyUI restart made an open tab's scopes answer 409 source-changed (blank Tag image preview, a Generate that did nothing) and its cursors fail Load more. - utils/workspace_keys.py: one random secret in workspace-scope.key beside the database (owner-only, never config.json or the database), two derived keys; per-process fallback with a warning. Move library copies it. - Cursor v2 binds the listing scope in its MAC instead of sending an unkeyed hash of the root paths; an unverifiable cursor answers 400 cursor-stale and Images offers Refresh instead of a dead Retry. - POST /prompt_manager/images/rescope maps a stale target to its current root only when the held scope was issued for it. - Images finds a renumbered file again from the inspector, the viewer and the Tag image dialog (the dialog stays open, draft kept); nothing else is kept by an old root_index:path key. - Tag image dialog: a state that blocks Save shows its reason above the actions with Refresh, disabled actions look disabled, and an empty preview says "Preview unavailable" (D147).
319 lines
27 KiB
JavaScript
319 lines
27 KiB
JavaScript
import {startCoverage,saveCoverage} from '../../tools/vendor/browser-coverage.mjs';
|
|
import {test,expect} from './fixtures.mjs';
|
|
|
|
const workspace='/prompt_manager/workspace#/images';
|
|
const details=page=>page.getByRole('complementary',{name:'Selected image details',exact:true});
|
|
const role=(scope,name)=>scope.getByRole('region',{name:`${name} prompt`,exact:true});
|
|
const select=async(page,key)=>page.locator(`article[data-image-key="${key}"]`).getByRole('button',{name:/^Inspect /}).click();
|
|
const dialog=page=>page.getByRole('dialog',{name:'Send to ComfyUI',exact:true});
|
|
|
|
test.beforeEach(async({page,request,browserName})=>{
|
|
await startCoverage(page,browserName);await expect(await request.post('/__test__/reset',{data:{prompt_inspector:true}})).toBeOK();
|
|
page.promptErrors=[];page.on('pageerror',error=>page.promptErrors.push(error.message));
|
|
});
|
|
test.afterEach(async({page,browserName})=>{await saveCoverage(page,browserName);expect(page.promptErrors).toEqual([]);});
|
|
|
|
async function fakeHost(context,page,{rejectApply=false}={}) {
|
|
const host=await context.newPage();await host.goto('/prompt_manager/workspace#/overview');
|
|
await host.evaluate(async rejectApply=>{
|
|
const {createBridgeHost}=await import('/prompt_manager/js/shared/toolkit/prompt-bridge.js');
|
|
window.hostValues={positive:'Existing positive',negative:'Existing negative'};window.applied=[];
|
|
const target={id:'pair-1',label:'My prompt pair',type:'PromptManagerPair',roles:['positive','negative']};
|
|
window.fixtureHost=createBridgeHost({origin:location.origin,namespace:'/',label:'Test ComfyUI',adapter:{
|
|
listTargets:()=>[target],
|
|
preview:(_id,roles)=>({preview:{target,fields:Object.entries(roles).map(([role,after])=>({role,before:window.hostValues[role],after})),composition:{prepend:'trigger',append:'detail',prependConnected:false,appendConnected:false,before:`trigger ${window.hostValues.positive} detail`,after:`trigger ${roles.positive??window.hostValues.positive} detail`}},snapshot:roles}),
|
|
apply:roles=>{if(rejectApply)throw new Error('Workflow changed. Preview again.');Object.assign(window.hostValues,roles);window.applied.push(roles);return{targetId:target.id,values:roles};},
|
|
}});
|
|
},rejectApply);
|
|
return host;
|
|
}
|
|
async function chooseDestination(page) {
|
|
const sender=dialog(page);await expect(sender).toBeVisible();
|
|
const host=sender.getByRole('combobox',{name:'ComfyUI window',exact:true});
|
|
await expect(host.locator('option')).toContainText(['Test ComfyUI']);
|
|
await host.selectOption({label:'Test ComfyUI'});
|
|
await sender.getByRole('combobox',{name:'Destination node',exact:true}).selectOption({label:'My prompt pair'});
|
|
return sender;
|
|
}
|
|
|
|
test('collection viewer rejects stale source and sends only refreshed API evidence',async({page,request,context})=>{
|
|
const host=await fakeHost(context,page);
|
|
// #430: the file is never found again here, so the manual Refresh is what this covers (the found-again path is
|
|
// workspace-stale-source.spec.mjs).
|
|
await page.route('**/prompt_manager/images/rescope',route=>route.fulfill({status:409,json:{success:false,code:'source-changed',error:'The source of this image changed or was removed.'}}));
|
|
await page.addInitScript(()=>{window.copied=[];Object.defineProperty(navigator,'clipboard',{configurable:true,value:{writeText:async text=>window.copied.push(text)}});});
|
|
try {
|
|
const loaded=await(await request.get('/prompt_manager/images/output?mode=workspace&limit=40')).json();const stale=loaded.images.find(image=>image.root_index===0&&image.path==='shared/same.png');
|
|
await page.goto(workspace);await select(page,'1:shared/same.png');await expect(details(page)).toContainText('Dog landscape');
|
|
await expect(await request.post('/prompt_manager/settings',{data:{gallery_root_paths:['input','output']}})).toBeOK();
|
|
const response=page.waitForResponse(result=>result.url().includes('/images/inspect/shared/same.png?root=0'));
|
|
await select(page,'0:shared/same.png');const changed=await response;expect(changed.status()).toBe(409);expect((await changed.json()).code).toBe('source-changed');
|
|
await page.locator('article[data-image-key="0:shared/same.png"] .image-open').click();const preview=page.locator('dialog#viewer-dialog');
|
|
const message='The source changed. Refresh the image collection before inspecting this file.';
|
|
await expect(preview).toContainText(message);await expect(preview.locator('[data-copy-role],[data-send-role],.file-inspector a[download]')).toHaveCount(0);
|
|
const original=preview.locator('#viewer-toolbar').getByLabel('Download original',{exact:true});
|
|
await expect(original).toHaveAttribute('aria-disabled','true');await expect(original).not.toHaveAttribute('href',/./);
|
|
let downloads=0;page.on('download',()=>downloads++);await original.focus();await page.keyboard.press('Enter');expect(downloads).toBe(0);
|
|
await expect(preview.getByRole('button',{name:'Retry media',exact:true})).toBeHidden();
|
|
await expect(preview.getByRole('button',{name:'Retry prompt details',exact:true})).toHaveCount(0);await expect(preview).not.toContainText('Dog landscape');await expect(preview).not.toContainText('Cat portrait');
|
|
expect(await page.evaluate(()=>window.copied)).toEqual([]);expect(await host.evaluate(()=>window.applied)).toEqual([]);
|
|
const refreshed=page.waitForResponse(result=>result.url().includes('/images/output?'));
|
|
await preview.getByRole('button',{name:'Refresh image collection',exact:true}).click();await refreshed;await expect(preview).toHaveCount(0);
|
|
const collection=await(await request.get('/prompt_manager/images/output?mode=workspace&limit=40')).json();const fresh=collection.images.find(image=>image.root_index===0&&image.path===stale.path);expect(fresh.root_scope).not.toBe(stale.root_scope);
|
|
const evidence=await(await request.get(`/prompt_manager/images/inspect/shared/same.png?root=0&root_scope=${fresh.root_scope}`)).json();
|
|
await select(page,'0:shared/same.png');await page.locator('.media-card.selected .image-open').click();await expect(preview).toContainText(evidence.prompts.positive.text);
|
|
await preview.getByRole('button',{name:/^Send prompt pair to ComfyUI: /}).click();const sender=await chooseDestination(page);await sender.getByRole('button',{name:'Preview changes',exact:true}).click();await sender.getByRole('button',{name:'Apply to ComfyUI',exact:true}).click();await expect(sender).toContainText('Sent to ComfyUI.');
|
|
expect(await host.evaluate(()=>window.applied)).toEqual([{positive:evidence.prompts.positive.text,negative:evidence.prompts.negative.text}]);expect(await page.evaluate(()=>window.copied)).toEqual([]);
|
|
} finally {await expect(await request.post('/prompt_manager/settings',{data:{gallery_root_paths:['output','input']}})).toBeOK();await host.evaluate(()=>window.fixtureHost.dispose());await host.close();}
|
|
});
|
|
|
|
test('physical image inspector resolves positive and negative metadata separately for duplicate filenames',async({page})=>{
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');
|
|
await expect(role(details(page),'Positive')).toContainText('Cat portrait');await expect(role(details(page),'Negative')).toContainText('blurry, watermark');
|
|
await expect(details(page).getByRole('button',{name:/^Send prompt pair to ComfyUI: /})).toBeEnabled();
|
|
await select(page,'1:shared/same.png');await expect(role(details(page),'Positive')).toContainText('Dog landscape');
|
|
await expect(role(details(page),'Negative')).toContainText('low quality');await expect(details(page)).not.toContainText('Cat portrait');
|
|
});
|
|
|
|
test('explicit empty negative is sendable while unrecorded text is never invented',async({page})=>{
|
|
await page.goto(workspace);await select(page,'0:empty-negative.png');
|
|
await expect(role(details(page),'Negative').locator('p.prompt-text')).toHaveText('No negative prompt (explicitly empty)');
|
|
await expect(details(page).getByRole('button',{name:/^Send negative prompt to ComfyUI: /})).toBeEnabled();
|
|
await select(page,'0:uncertain.png');await expect(details(page)).toContainText('Not recorded in this file.');
|
|
// Every inspector send is named after its prompt ("…to ComfyUI: <title>"); an untitled one ends at "ComfyUI".
|
|
await expect(details(page).getByRole('button',{name:/^Send (positive|negative) prompt to ComfyUI(: |$)/})).toHaveCount(0);
|
|
});
|
|
|
|
test('inspection failures retry and a delayed previous selection cannot replace the current prompt',async({page})=>{
|
|
let fail=true;let release;const held=new Promise(resolve=>{release=resolve;});
|
|
await page.route('**/images/inspect/**',async route=>{
|
|
const url=new URL(route.request().url());
|
|
if(url.searchParams.get('root')==='0'&&url.pathname.endsWith('same.png')){
|
|
if(fail){return route.fulfill({status:503,json:{success:false,error:'Temporarily unavailable'}});}
|
|
await held;
|
|
}
|
|
await route.continue().catch(()=>{});
|
|
});
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');
|
|
await expect(details(page)).toContainText('Could not read prompts from this file.');
|
|
fail=false;await details(page).getByRole('button',{name:'Retry prompt details',exact:true}).click();
|
|
await select(page,'1:shared/same.png');await expect(role(details(page),'Positive')).toContainText('Dog landscape');
|
|
release();await expect(role(details(page),'Positive')).toContainText('Dog landscape');
|
|
});
|
|
|
|
test('sender requires explicit destination, previews full changes and acknowledges only the applied pair',async({page,context},testInfo)=>{
|
|
const host=await fakeHost(context,page);
|
|
try {
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');await details(page).getByRole('button',{name:/^Send prompt pair to ComfyUI: /}).click();
|
|
const sender=dialog(page);await expect(sender.getByRole('button',{name:'Apply to ComfyUI',exact:true})).toBeDisabled();
|
|
const chosen=await chooseDestination(page);await chosen.getByRole('button',{name:'Preview changes',exact:true}).click();
|
|
for(const text of ['Existing positive','Existing negative','Cat portrait','blurry, watermark','trigger Cat portrait detail'])await expect(chosen).toContainText(text);
|
|
expect(await host.evaluate(()=>window.applied)).toEqual([]);
|
|
await page.screenshot({path:testInfo.outputPath('sender-preview.png')});
|
|
await chosen.getByRole('button',{name:'Apply to ComfyUI',exact:true}).click();await expect(chosen).toContainText('Sent to ComfyUI.');
|
|
expect(await host.evaluate(()=>window.applied)).toEqual([{positive:'Cat portrait',negative:'blurry, watermark'}]);
|
|
await chosen.getByRole('button',{name:'Close',exact:true}).click();
|
|
await page.evaluate(()=>scrollTo(0,0));
|
|
await page.screenshot({path:testInfo.outputPath('inspector-dark.png'),fullPage:true});
|
|
await page.getByRole('combobox',{name:'Theme',exact:true}).selectOption('light');
|
|
await page.screenshot({path:testInfo.outputPath('inspector-light.png'),fullPage:true});
|
|
await page.locator('.media-card.selected .image-open').click();
|
|
await expect(page.locator('dialog#viewer-dialog')).toBeVisible();
|
|
await page.screenshot({path:testInfo.outputPath('viewer-prompts.png')});
|
|
await page.getByRole('button',{name:'Close image viewer',exact:true}).click();
|
|
await page.setViewportSize({width:390,height:844});await details(page).scrollIntoViewIfNeeded();
|
|
await page.screenshot({path:testInfo.outputPath('inspector-mobile.png')});
|
|
} finally {await host.evaluate(()=>window.fixtureHost.dispose());await host.close();}
|
|
});
|
|
|
|
// D6: ComfyUI ↗ is a link to the canvas; on Images with a selected file whose two roles resolved, a plain click opens
|
|
// the acknowledged pair send instead (concept app.js 1750-1757).
|
|
test('ComfyUI ↗ opens the pair send for a selected resolved image, else follows the link',async({page,context})=>{
|
|
const host=await fakeHost(context,page);
|
|
try {
|
|
await page.goto('/prompt_manager/workspace#/overview');
|
|
const link=page.locator('header.topbar').getByRole('link',{name:'ComfyUI',exact:true});
|
|
await expect(link).toHaveAttribute('href','/');
|
|
// Record whether the link's own handler let the navigation through, then stop it so the page stays.
|
|
await page.evaluate(()=>{window.followed=[];document.addEventListener('click',event=>{if(!event.target.closest?.('.canvas-link'))return;window.followed.push(!event.defaultPrevented);event.preventDefault();});});
|
|
await link.click();await expect(dialog(page)).toHaveCount(0);
|
|
await page.locator('nav [data-route="images"]').click();await expect(page.locator('article[data-image-key]').first()).toBeVisible();
|
|
await select(page,'0:uncertain.png');await expect(details(page)).toContainText('Not recorded in this file.');
|
|
await link.click();await expect(dialog(page)).toHaveCount(0);
|
|
expect(await page.evaluate(()=>window.followed)).toEqual([true,true]);
|
|
await select(page,'0:shared/same.png');await expect(details(page).getByRole('button',{name:/^Send prompt pair to ComfyUI: /})).toBeEnabled();
|
|
await link.click();
|
|
const sender=await chooseDestination(page);
|
|
expect(await page.evaluate(()=>window.followed)).toEqual([true,true,false]);
|
|
await sender.getByRole('button',{name:'Preview changes',exact:true}).click();
|
|
for(const text of ['Cat portrait','blurry, watermark'])await expect(sender).toContainText(text);
|
|
expect(await host.evaluate(()=>window.applied)).toEqual([]);
|
|
await sender.getByRole('button',{name:'Apply to ComfyUI',exact:true}).click();await expect(sender).toContainText('Sent to ComfyUI.');
|
|
expect(await host.evaluate(()=>window.applied)).toEqual([{positive:'Cat portrait',negative:'blurry, watermark'}]);
|
|
await sender.getByRole('button',{name:'Close',exact:true}).click();await expect(dialog(page)).toHaveCount(0);await expect(link).toBeFocused();
|
|
// Another page has no image selection, so the link is a plain link again.
|
|
await page.locator('nav [data-route="library"]').click();await expect(page.locator('#workspace-main h1')).toHaveText('Prompt library');
|
|
await link.click();await expect(dialog(page)).toHaveCount(0);
|
|
expect(await page.evaluate(()=>window.followed)).toEqual([true,true,false,true]);
|
|
} finally {await host.evaluate(()=>window.fixtureHost.dispose());await host.close();}
|
|
});
|
|
|
|
test('host apply rejection retains the current text and requires a new preview',async({page,context})=>{
|
|
const host=await fakeHost(context,page,{rejectApply:true});
|
|
try {
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');await details(page).getByRole('button',{name:/^Send positive prompt to ComfyUI: /}).click();
|
|
const sender=await chooseDestination(page);await sender.getByRole('button',{name:'Preview changes',exact:true}).click();
|
|
await sender.getByRole('button',{name:'Apply to ComfyUI',exact:true}).click();await expect(sender).toContainText(/Workflow changed/);
|
|
await expect(sender.getByRole('button',{name:'Apply to ComfyUI',exact:true})).toBeDisabled();
|
|
expect(await host.evaluate(()=>window.hostValues.positive)).toBe('Existing positive');
|
|
} finally {await host.evaluate(()=>window.fixtureHost.dispose());await host.close();}
|
|
});
|
|
|
|
test('nested viewer sender Escape restores focus without closing the image and navigation disposes both overlays',async({page})=>{
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');
|
|
await page.locator('.media-card.selected .image-open').click();
|
|
const viewer=page.locator('dialog[open]').filter({has:page.locator('.viewer-canvas')});await expect(viewer).toBeVisible();
|
|
const send=viewer.getByRole('button',{name:/^Send positive prompt to ComfyUI: /});await send.click();await expect(dialog(page)).toBeVisible();
|
|
await page.keyboard.press('Escape');await expect(dialog(page)).toBeHidden();await expect(viewer).toBeVisible();await expect(send).toBeFocused();
|
|
await send.click();await page.evaluate(()=>{location.hash='#/overview';});await expect(page.locator('dialog[open]')).toHaveCount(0);
|
|
});
|
|
|
|
test('empty negative send clears only the negative destination and preserves its positive',async({page,context})=>{
|
|
const host=await fakeHost(context,page);
|
|
try {
|
|
await page.goto(workspace);await select(page,'0:empty-negative.png');
|
|
await details(page).getByRole('button',{name:/^Send negative prompt to ComfyUI: /}).click();
|
|
const sender=await chooseDestination(page);await sender.getByRole('button',{name:'Preview changes',exact:true}).click();
|
|
await sender.getByRole('button',{name:'Apply to ComfyUI',exact:true}).click();await expect(sender).toContainText('Sent to ComfyUI.');
|
|
expect(await host.evaluate(()=>window.hostValues)).toEqual({positive:'Existing positive',negative:''});
|
|
} finally {await host.evaluate(()=>window.fixtureHost.dispose());await host.close();}
|
|
});
|
|
|
|
test('no open ComfyUI window is actionable and rediscovery finds a newly opened host',async({page,context})=>{
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');
|
|
await details(page).getByRole('button',{name:/^Send positive prompt to ComfyUI: /}).click();
|
|
const sender=dialog(page);await expect(sender).toContainText('No compatible ComfyUI windows found.');
|
|
const host=await fakeHost(context,page);
|
|
try {
|
|
await sender.getByRole('button',{name:'Find ComfyUI windows',exact:true}).click();
|
|
await chooseDestination(page);await sender.getByRole('button',{name:'Preview changes',exact:true}).click();
|
|
await sender.getByRole('button',{name:'Apply to ComfyUI',exact:true}).click();await expect(sender).toContainText('Sent to ComfyUI.');
|
|
expect(await host.evaluate(()=>window.hostValues)).toEqual({positive:'Cat portrait',negative:'Existing negative'});
|
|
} finally {await host.evaluate(()=>window.fixtureHost.dispose());await host.close();}
|
|
});
|
|
|
|
test('mobile inspector exposes full long prompts, truthful uncertainty and copy failure feedback',async({page})=>{
|
|
const text=`A long detailed prompt ${'with readable full composition, '.repeat(150)}END OF FULL PROMPT`;
|
|
await page.addInitScript(()=>Object.defineProperty(navigator,'clipboard',{configurable:true,value:{writeText:async()=>{throw new Error('Permission denied');}}}));
|
|
await page.route('**/images/inspect/**',route=>route.fulfill({json:{success:true,root_scope:new URL(route.request().url()).searchParams.get('root_scope'),image:{root_index:0,path:'shared/same.png',filename:'same.png'},prompts:{positive:{status:'resolved',text,source:'execution'},negative:{status:'ambiguous',text:null,source:null}}}}));
|
|
await page.setViewportSize({width:390,height:844});await page.goto(workspace);await select(page,'0:shared/same.png');
|
|
const positive=role(details(page),'Positive');await expect(positive.locator('p.prompt-text')).toHaveText(text);
|
|
await expect(role(details(page),'Negative')).toContainText('Multiple possible prompts. Source could not be determined.');
|
|
await expect(details(page).getByRole('button',{name:/^Send negative prompt to ComfyUI: /})).toHaveCount(0);
|
|
await positive.getByRole('button',{name:/^Copy positive prompt: /}).click();await expect(page.getByRole('dialog',{name:'Copy prompt',exact:true})).toBeVisible();
|
|
await page.getByRole('button',{name:'Close dialog',exact:true}).click();
|
|
expect(await page.evaluate(()=>document.documentElement.scrollWidth<=innerWidth+1)).toBe(true);
|
|
await positive.getByRole('button',{name:/^Send positive prompt to ComfyUI: /}).click();
|
|
await expect(dialog(page)).toBeVisible();const bounds=await dialog(page).boundingBox();
|
|
expect(bounds.x).toBeGreaterThanOrEqual(0);expect(bounds.x+bounds.width).toBeLessThanOrEqual(391);
|
|
});
|
|
|
|
test('filtering away a selected image aborts its pending metadata request',async({page})=>{
|
|
await page.addInitScript(()=>{
|
|
const fetch=window.fetch;window.inspectionAborts=0;
|
|
window.fetch=function(input,options){
|
|
if(String(input).includes('/images/inspect/')&&options?.signal)options.signal.addEventListener('abort',()=>window.inspectionAborts++,{once:true});
|
|
return fetch.call(this,input,options);
|
|
};
|
|
});
|
|
let started;const requested=new Promise(resolve=>{started=resolve;});let release;
|
|
const hold=new Promise(resolve=>{release=resolve;});
|
|
await page.route('**/images/inspect/**',async route=>{started();await hold;await route.continue().catch(()=>{});});
|
|
try {
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');await requested;
|
|
const baseline=await page.evaluate(()=>window.inspectionAborts);
|
|
await page.getByRole('searchbox',{name:'Search workspace',exact:true}).fill('no-such-file');
|
|
await expect(page.getByText('No matching images · 0 images',{exact:true})).toBeVisible();
|
|
await expect(page.locator('.gallery-body > .empty')).toHaveText('No matching images. Try another search or category.');
|
|
await expect.poll(()=>page.evaluate(()=>window.inspectionAborts),{timeout:1500}).toBeGreaterThan(baseline);
|
|
} finally {release();}
|
|
});
|
|
|
|
test('responsive gallery defers observed size writes and still fits the new viewport',async({page})=>{
|
|
await page.addInitScript(()=>{
|
|
const Native=window.ResizeObserver;window.inlineResizeWrites=0;
|
|
window.ResizeObserver=class extends Native {
|
|
constructor(callback){super((entries,observer)=>{
|
|
const sizes=entries.map(entry=>entry.target.style.height);
|
|
callback(entries,observer);
|
|
entries.forEach((entry,index)=>{
|
|
if(entry.target.classList.contains('image-grid')&&entry.target.style.height!==sizes[index])window.inlineResizeWrites++;
|
|
});
|
|
});}
|
|
};
|
|
});
|
|
await page.setViewportSize({width:1280,height:900});await page.goto(workspace);
|
|
await expect(page.locator('.media-card')).toHaveCount(4);
|
|
await page.setViewportSize({width:390,height:844});
|
|
await expect.poll(()=>page.locator('.media-card').first().evaluate(node=>node.getBoundingClientRect().width)).toBeLessThan(390);
|
|
await expect.poll(()=>page.locator('.image-grid').evaluate(node=>Number.parseFloat(node.style.height))).toBeCloseTo(384.4,0); // the concept's 1.33 media plus the measured info row
|
|
expect(await page.evaluate(()=>window.inlineResizeWrites)).toBe(0);
|
|
});
|
|
|
|
test('unverified saved associations explain uncertainty and cannot be sent',async({page})=>{
|
|
await page.route('**/images/inspect/uncertain.png?root=0*',route=>route.fulfill({json:{success:true,root_scope:new URL(route.request().url()).searchParams.get('root_scope'),image:{root_index:0,path:'uncertain.png',filename:'uncertain.png'},prompts:{
|
|
positive:{status:'unresolved',text:null,source:'saved-association',message:'A saved library association exists, but it cannot be verified against this file.'},
|
|
negative:{status:'absent',text:null,source:null},
|
|
}}}));
|
|
await page.goto(workspace);await select(page,'0:uncertain.png');
|
|
await expect(role(details(page),'Positive')).toContainText('cannot be verified against this file');
|
|
await expect(details(page).getByRole('button',{name:/^Send /})).toHaveCount(0);
|
|
});
|
|
|
|
test('unresolved roles name the blocking node as text and offer no prompt actions',async({page})=>{
|
|
const line='Prompt uses a node the inspector does not support (<img src=x onerror="window.injected=1">).';
|
|
await page.route('**/images/inspect/uncertain.png?root=0*',route=>route.fulfill({json:{success:true,root_scope:new URL(route.request().url()).searchParams.get('root_scope'),image:{root_index:0,path:'uncertain.png',filename:'uncertain.png'},prompts:{
|
|
positive:{status:'unresolved',text:null,source:null,message:line},negative:{status:'unresolved',text:null,source:null,message:line},
|
|
}}}));
|
|
await page.goto(workspace);await select(page,'0:uncertain.png');
|
|
for (const name of ['Positive','Negative']) await expect(role(details(page),name)).toContainText(line);
|
|
await expect(details(page).locator('img[onerror]')).toHaveCount(0);
|
|
expect(await page.evaluate(()=>window.injected)).toBeUndefined();
|
|
await expect(details(page).getByRole('button',{name:/^(Send|Copy) /})).toHaveCount(0);
|
|
});
|
|
|
|
test('prompt role headings contain the concept label and compact real actions without a source line',async({page})=>{
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');
|
|
for (const [name,label] of [['Positive','+ Positive prompt'],['Negative','\u2212 Negative prompt']]) {
|
|
const block=role(details(page),name),heading=block.locator('.prompt-heading');
|
|
await expect(block).toHaveClass(new RegExp(`^prompt-section ${name.toLowerCase()}$`));
|
|
await expect(heading.locator('span.role-label')).toHaveText(label);
|
|
await expect(heading.locator('.prompt-actions button.icon-btn').first()).toHaveAccessibleName(new RegExp(`^Copy ${name.toLowerCase()} prompt: same\\.png$`));
|
|
await expect(heading.locator('.prompt-actions button.send.icon-btn')).toHaveAccessibleName(new RegExp(`^Send ${name.toLowerCase()} prompt to ComfyUI: same\\.png$`));
|
|
await expect(heading.locator('[data-copy-role] svg')).toHaveCount(1);
|
|
expect(await heading.evaluate(node=>node.nextElementSibling.matches('p.prompt-text')&&!node.nextElementSibling.nextElementSibling)).toBe(true);
|
|
}
|
|
await expect(details(page)).not.toContainText('Inferred from the saved workflow');
|
|
await select(page,'0:empty-negative.png');
|
|
await expect(role(details(page),'Negative').locator('p.prompt-text')).toHaveText('No negative prompt (explicitly empty)');
|
|
await expect(role(details(page),'Negative').locator('.prompt-heading [data-copy-role]')).toHaveCount(1);
|
|
await select(page,'0:uncertain.png');await expect(details(page).locator('[data-copy-role]')).toHaveCount(0);
|
|
await expect(details(page).locator('p.prompt-text.muted').first()).toHaveText('Not recorded in this file.');
|
|
});
|
|
|
|
test('copy toast and fallback dialog',async({page})=>{
|
|
await page.addInitScript(()=>{window.copied=[];window.clipboardFails=false;Object.defineProperty(navigator,'clipboard',{configurable:true,value:{writeText:async text=>{if(window.clipboardFails)throw new Error('Permission denied');window.copied.push(text);}}});});
|
|
await page.goto(workspace);await select(page,'0:shared/same.png');
|
|
const positive=role(details(page),'Positive'),text=await positive.locator('p.prompt-text').textContent();
|
|
const copy=positive.getByRole('button',{name:/^Copy positive prompt: /});await copy.click();
|
|
await expect(page.locator('#workspace-toast')).toHaveText('Prompt copied.');expect(await page.evaluate(()=>window.copied)).toEqual([text]);
|
|
await expect(positive.getByRole('status')).toHaveCount(0);
|
|
await page.evaluate(()=>{window.clipboardFails=true;});await copy.click();
|
|
const fallback=page.getByRole('dialog',{name:'Copy prompt',exact:true});await expect(fallback).toBeVisible();
|
|
const area=fallback.getByRole('textbox',{name:'Select and copy this text',exact:true});
|
|
await expect(area).toHaveValue(text);await expect(area).toBeFocused();
|
|
expect(await area.evaluate(node=>[node.readOnly,node.selectionStart,node.selectionEnd])).toEqual([true,0,text.length]);
|
|
await expect(fallback).toContainText('Automatic clipboard access requires a secure browser context.');
|
|
await page.keyboard.press('Escape');await expect(fallback).toBeHidden();await expect(copy).toBeFocused();
|
|
});
|