' if instance is not None else ""}{'' if instance is not None else ""}{banner}{panel}
{projects_html}
' if instance is not None else ""}{views}
-{'' if instance is not None else ""}
+{'' if instance is not None else ""}{views}{'
' if instance is not None else ""}
+{'' if instance is not None else ""}
"""
diff --git a/tests/navigation_browser.cjs b/tests/navigation_browser.cjs
index 1e331ae..0bbd2ad 100644
--- a/tests/navigation_browser.cjs
+++ b/tests/navigation_browser.cjs
@@ -16,7 +16,7 @@ const assert = require('node:assert/strict');
await new Promise(resolve=>server.listen(0,'127.0.0.1',resolve));
let browser;
try {
- browser=await chromium.launch({headless:true,...(process.env.PLAYWRIGHT_EXECUTABLE_PATH ? {executablePath:process.env.PLAYWRIGHT_EXECUTABLE_PATH} : {channel:'chromium'})});
+ browser=await chromium.launch({headless:true,ignoreDefaultArgs:['--hide-scrollbars'],...(process.env.PLAYWRIGHT_EXECUTABLE_PATH ? {executablePath:process.env.PLAYWRIGHT_EXECUTABLE_PATH} : {channel:'chromium'})});
const base=`http://127.0.0.1:${server.address().port}/`, results=[];
for(const width of [390,768,820,1024,1440]) for(const colorScheme of ['light','dark']) {
const ctx=await browser.newContext({viewport:{width,height:1000},colorScheme,permissions:['clipboard-read','clipboard-write']});
@@ -27,6 +27,18 @@ const assert = require('node:assert/strict');
await page.goto(base+variant+'.html');
assert.equal(await page.locator('.instance-nav a').count(),15);
assert.equal(await page.locator('#scientist').isVisible(),true);
+ assert.equal((await page.locator('.cockpit-home').innerText()).replace(/\s+/g,' '),'MyScientist / Cockpit');
+ assert.equal(await page.locator('.cockpit-idle').isDisabled(),true);
+ assert.equal(await page.locator('#cockpit-heading').textContent(),'Scientist');
+ assert(await page.locator('.nav-scroll').evaluate(el=>el.scrollWidth>el.clientWidth));
+ assert.equal(await page.locator('.nav-hint').isVisible(),true);
+ assert.equal(await page.locator('.nav-scroll').evaluate(el=>getComputedStyle(el).overflowX),'scroll');
+ const initialToolbar=await page.locator('.cockpit-toolbar').boundingBox();
+ await page.locator('#scientist').evaluate(el=>el.scrollTop=500);
+ assert.equal((await page.locator('.cockpit-toolbar').boundingBox()).y,initialToolbar.y);
+ await page.locator('#scientist').evaluate(el=>el.scrollTop=0);
+ const [popup]=await Promise.all([page.waitForEvent('popup'),page.locator('#cockpit-external').click()]);
+ await popup.waitForLoadState();assert(popup.url().endsWith('#scientist'));await popup.close();
await page.locator('.organ-catalogue > summary').click();
const original=await page.locator('.organ-catalogue textarea[aria-label="Add brain"]').inputValue();
// Native keyboard link activation is the same navigation route as a pointer.
@@ -34,11 +46,15 @@ const assert = require('node:assert/strict');
await page.waitForFunction(()=>!document.getElementById('organ-brain').hidden);
assert.equal(await page.locator('#scientist').isVisible(),false);
assert.equal(await page.locator('#organ-brain textarea').inputValue(),original);
+ assert.equal(await page.locator('#cockpit-heading').textContent(),'Brain');
+ assert((await page.locator('#cockpit-external').getAttribute('href')).endsWith('#organ-brain'));
assert.equal(await page.locator('#organ-brain h1').evaluate(el=>el===document.activeElement),true);
await page.locator('#organ-brain button.copy').click();
assert.equal(await page.evaluate(()=>navigator.clipboard.readText()),original);
assert.equal(await page.locator('.instance-nav a[aria-current="page"]').getAttribute('href'),'#organ-brain');
assert.equal(await page.evaluate(()=>document.documentElement.scrollWidth<=innerWidth),true);
+ await Promise.all([page.waitForEvent('domcontentloaded'),page.locator('#cockpit-reload').click()]);
+ assert.equal(await page.locator('#organ-brain').isVisible(),true);
if(variant==='connected') await page.screenshot({path:path.join(evidence,`brain-${width}-${colorScheme}.png`),fullPage:true});
for(const href of await page.locator('.instance-nav a').evaluateAll(as=>as.map(a=>a.getAttribute('href')))) {
await page.locator(`.instance-nav a[href="${href}"]`).click();
@@ -52,7 +68,7 @@ const assert = require('node:assert/strict');
await page.locator('.instance-nav a[href="#scientist"]').click();
await page.waitForFunction(()=>!document.getElementById('scientist').hidden);
await page.evaluate(()=>new Promise(resolve=>requestAnimationFrame(()=>requestAnimationFrame(resolve))));
- assert(await page.evaluate(()=>document.querySelector('#scientist .hero').getBoundingClientRect().top >= document.querySelector('.instance-nav').getBoundingClientRect().bottom),'navigation must not cover the overview banner');
+ assert(await page.evaluate(()=>document.querySelector('#scientist .hero').getBoundingClientRect().top >= document.querySelector('.cockpit-toolbar').getBoundingClientRect().bottom),'navigation must not cover the overview banner');
if(variant==='connected') await page.screenshot({path:path.join(evidence,`overview-${width}-${colorScheme}.png`),fullPage:true});
}
assert.deepEqual(requests,[],'empty and disconnected project must not request any external URL');
@@ -65,6 +81,10 @@ const assert = require('node:assert/strict');
await page.frameLocator('#organ-mind iframe').locator('h1').waitFor();
assert.equal(await page.locator('#organ-mind .organ-state').textContent(),'Paused');
assert(requests.includes('https://example.invalid/plans/'));
+ assert.equal(await page.locator('#cockpit-external').getAttribute('href'),'https://example.invalid/plans/');
+ const previousLoads=requests.filter(url=>url==='https://example.invalid/plans/').length;
+ await Promise.all([page.waitForResponse(r=>r.url()==='https://example.invalid/plans/'),page.locator('#cockpit-reload').click()]);
+ assert.equal(requests.filter(url=>url==='https://example.invalid/plans/').length,previousLoads+1);
assert(!requests.some(url=>url.startsWith('https://example.invalid/plans/state.json')));
await page.goBack();await page.waitForFunction(()=>!document.getElementById('organ-brain').hidden);
await page.goForward();await page.waitForFunction(()=>!document.getElementById('organ-mind').hidden);
@@ -77,8 +97,10 @@ const assert = require('node:assert/strict');
const ctx=await browser.newContext({javaScriptEnabled:false});
const page=await ctx.newPage();await page.goto(base+'empty.html#organ-brain');
assert.equal(await page.locator('#organ-brain textarea').isVisible(),true);
+ await page.goto(base+'lifecycle.html#organ-mind');
+ assert.equal(await page.locator('#organ-mind a').isVisible(),true);
await ctx.close();
fs.writeFileSync(path.join(evidence,'validation.json'),JSON.stringify(results,null,2));
- console.log('PASS: 30 browser cases, keyboard/copy/history, inactive network isolation, connected/paused routing, no-JS text.');
+ console.log('PASS: 30 browser cases, cockpit shell/scrollbar/reload/new-tab, keyboard/copy/history, inactive network isolation, connected/paused routing, no-JS text.');
} finally {if(browser)await browser.close();await new Promise(resolve=>server.close(resolve));}
})().catch(e=>{console.error(e);process.exitCode=1;});
diff --git a/tests/test_instance_navigation.py b/tests/test_instance_navigation.py
index 52e3c96..fe583a4 100644
--- a/tests/test_instance_navigation.py
+++ b/tests/test_instance_navigation.py
@@ -61,3 +61,21 @@ def test_collected_connected_and_paused_boards_remain_in_navigation(monkeypatch)
assert 'href="#organ-mind"' in page
assert 'href="#organ-heart"' in page
assert page.count('Dashboards
{'No organs connected. Add a connection when your project needs it.
' if instance is not None and not snapshot.get("boards") else ''} @@ -366,8 +366,8 @@ def _render_html(snapshot: dict) -> str: {catalogue} {footer} -{'