docs: separate workflow effectiveness from skill health

scripts/browser/skills-measurement.cjs

@@ -19,6 +19,9 @@ const fs = require('node:fs');
       assert((await page.title()).startsWith('Skills Measurement |'));
       assert.equal(await page.locator('.strategy-content details').count(), 0);
       assert.equal(await page.locator('.strategy-content h2').count(), 2);
+      assert.deepEqual((await page.locator('.strategy-content h3').allTextContents()).map(text => text.replaceAll('\u200b', '')), ['Workflow effectiveness', 'Skills effectiveness & health']);
+      assert.equal(await page.locator('.strategy-content ol').count(), 2);
+      assert.equal(await page.locator('.strategy-content ol > li').count(), 16);
       if (width < 700) await page.getByRole('button', {name:'Toggle navigation bar'}).click();
       const menu = page.locator('.theme-doc-sidebar-menu .menu__link').filter({visible:true});
       await menu.first().waitFor({state:'visible'});
@@ -41,7 +44,7 @@ const fs = require('node:fs');
       await page.waitForFunction(() => document.documentElement.dataset.theme === 'dark');
       await frame.locator('#btn-theme').click();
       await page.waitForFunction(() => document.documentElement.dataset.theme === 'light');
-      for (const preset of ['blueprint','classic']) {
+      for (const preset of ['signal-flow','blueprint','editorial','classic']) {
         await frame.locator('#btn-preset').click();
         await frame.locator(`[data-preset-value="${preset}"]`).click();
         assert.equal(await frame.locator('html').getAttribute('data-preset'), preset);
@@ -51,7 +54,30 @@ const fs = require('node:fs');
       assert.equal(await download.failure(), null);
       const path = `${output}/${width}.svg`; await download.saveAs(path);
       const svg = fs.readFileSync(path, 'utf8');
-      assert(svg.includes('Available choices') && svg.includes('No mandatory collection'));
+      assert(svg.includes('Workflow effectiveness') && svg.includes('Skills effectiveness &amp; health') && svg.includes('No mandatory collection'));
+      const exports = ['svg'];
+      for (const format of ['png','jpeg','webp','svg-light','svg-dark','webm']) {
+        await frame.locator('#btn-export').click();
+        const option = frame.locator(`[data-format="${format}"]`);
+        if (await option.isDisabled()) { exports.push(`${format}:unsupported`); await frame.locator('#btn-export').click(); continue; }
+        const [file] = await Promise.all([page.waitForEvent('download', {timeout:60000}), option.click()]);
+        assert.equal(await file.failure(), null);
+        const target = `${output}/${width}-${format}-${file.suggestedFilename()}`;
+        await file.saveAs(target);
+        const bytes = fs.readFileSync(target); assert(bytes.length > 1000);
+        if (format.startsWith('svg')) assert(bytes.toString().includes('eldorado-skills-typography'));
+        else {
+          const mime = {png:'image/png', jpeg:'image/jpeg', webp:'image/webp', webm:'video/webm'}[format];
+          const dimensions = await page.evaluate(async ({mime,data}) => {
+            const media = document.createElement(mime.startsWith('video') ? 'video' : 'img');
+            const ready = new Promise((resolve,reject) => {media[mime.startsWith('video') ? 'onloadedmetadata' : 'onload'] = resolve; media.onerror = reject;});
+            media.src = `data:${mime};base64,${data}`; await ready;
+            return [media.videoWidth || media.naturalWidth, media.videoHeight || media.naturalHeight];
+          }, {mime, data:bytes.toString('base64')});
+          assert(dimensions.every(n => n > 0));
+        }
+        exports.push(format);
+      }
       const opener = panel.getByRole('button', {name:/^Expand /});
       await opener.click();
       const close = panel.getByRole('button', {name:'Close full-screen diagram', exact:true});
@@ -76,7 +102,7 @@ const fs = require('node:fs');
       assert.equal(new Set(links.map(h => new URL(h).pathname)).size, 18);
       assert(!await page.evaluate(() => document.documentElement.scrollWidth > innerWidth));
       assert.deepEqual(errors, []);
-      results.push({width, geometry, links:links.length, title:true, sidebar:true, controls:true, export:true, reference:true});
+      results.push({width, geometry, links:links.length, title:true, sidebar:true, controls:true, exports, reference:true});
       fs.writeFileSync(`${output}/results.json`, JSON.stringify(results,null,2));
       await context.close();
     }

scripts/browser/skills-stories.cjs

@@ -40,6 +40,8 @@ const assert=require('node:assert/strict');
    await panel.scrollIntoViewIfNeeded();await page.screenshot({path:`${out}/${topic}-${width}-${theme}-inline.png`});
    const open=panel.getByRole('button',{name:/^Expand /});await open.click();const close=panel.getByRole('button',{name:'Close full-screen diagram',exact:true});await close.waitFor({state:'visible'});
    const expanded=await(await panel.locator('dialog iframe').elementHandle()).contentFrame();await expanded.locator('svg[role="img"]').waitFor();
+   await expanded.waitForFunction(t=>document.documentElement.dataset.theme===t,theme);
+   await panel.locator('dialog').evaluate(n=>n.scrollTop=0);
    assert((await expanded.url()).includes(width<=1100?`${topic}-mobile/`:`${topic}/`));
    await page.screenshot({path:`${out}/${topic}-${width}-${theme}-fullscreen.png`});
    if(width<=700){await page.setViewportSize({width,height:480});assert(await panel.locator('dialog').evaluate(n=>n.scrollHeight>n.clientHeight));await panel.locator('dialog').evaluate(n=>n.scrollTop=n.scrollHeight);await page.screenshot({path:`${out}/${topic}-${width}-${theme}-short-bottom.png`});await page.setViewportSize({width,height:900});}