slicejs-web-framework 3.4.4 → 3.5.0

package/slicejs-cli/tests/e2e/unminified.spec.js

@@ -1,33 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-// Runs against a second server built with E2E_MINIFY=false, so the raw
-// (un-minified, un-obfuscated) bundle output is exercised in the browser.
-function trackErrors(page) {
-  const errors = [];
-  page.on('console', (m) => m.type() === 'error' && errors.push(m.text()));
-  page.on('pageerror', (e) => errors.push(String(e)));
-  return errors;
-}
-
-test.describe('unminified production build', () => {
-  test('boots and renders the home page', async ({ page }) => {
-    const errors = trackErrors(page);
-    await page.goto('/');
-
-    await expect(page.locator('slice-app-shell')).toBeAttached();
-    await expect(page.locator('slice-home-section h1.home__title')).toHaveText(
-      /Welcome to your Slice app/
-    );
-
-    expect(errors, `console errors:\n${errors.join('\n')}`).toEqual([]);
-  });
-
-  test('resolves the vendor-shared dependency with unminified bundles', async ({ page }) => {
-    const errors = trackErrors(page);
-    await page.goto('/services');
-
-    await expect(page.locator('slice-servicespage')).toHaveAttribute('data-shared-tag', 'shared-kit-v1');
-
-    expect(errors, `console errors:\n${errors.join('\n')}`).toEqual([]);
-  });
-});

package/slicejs-cli/tests/e2e-serve.test.js

@@ -1,148 +0,0 @@
-import { test, describe } from 'node:test';
-import assert from 'node:assert/strict';
-import http from 'node:http';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import fs from 'fs-extra';
-import { parse } from '@babel/parser';
-import { withTestProject } from './helpers/setup.js';
-import build from '../commands/build/build.js';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const FRAMEWORK_SLICE_JS = path.resolve(
-  __dirname,
-  '../node_modules/slicejs-web-framework/Slice/Slice.js'
-);
-
-const CONTENT_TYPES = {
-  '.js': 'application/javascript; charset=utf-8',
-  '.json': 'application/json; charset=utf-8',
-  '.html': 'text/html; charset=utf-8',
-  '.css': 'text/css; charset=utf-8',
-};
-
-// Minimal static server that mirrors the production serving contract the
-// framework's api/index.js implements (index/SPA fallback, /slice-env.json,
-// /Slice/Slice.js from the framework package, and dist static files), without
-// pulling in express. Enough to assert that a production build is servable.
-function startServer(distDir) {
-  const server = http.createServer(async (req, res) => {
-    try {
-      const pathname = decodeURIComponent(new URL(req.url, 'http://localhost').pathname);
-
-      if (pathname === '/slice-env.json') {
-        res.setHeader('Content-Type', CONTENT_TYPES['.json']);
-        res.end(JSON.stringify({ mode: 'production', env: {} }));
-        return;
-      }
-      if (pathname === '/Slice/Slice.js') {
-        const body = await fs.readFile(FRAMEWORK_SLICE_JS).catch(() => null);
-        if (!body) { res.statusCode = 404; res.end('Slice.js not found'); return; }
-        res.setHeader('Content-Type', CONTENT_TYPES['.js']);
-        res.end(body);
-        return;
-      }
-
-      const filePath = path.join(distDir, pathname);
-      if (!filePath.startsWith(distDir)) { res.statusCode = 403; res.end('forbidden'); return; }
-
-      const stat = await fs.stat(filePath).catch(() => null);
-      if (stat && stat.isFile()) {
-        res.setHeader('Content-Type', CONTENT_TYPES[path.extname(filePath)] || 'application/octet-stream');
-        res.end(await fs.readFile(filePath));
-        return;
-      }
-
-      // SPA fallback -> App/index.html
-      const index = await fs.readFile(path.join(distDir, 'App', 'index.html')).catch(() => null);
-      if (index) { res.setHeader('Content-Type', CONTENT_TYPES['.html']); res.end(index); return; }
-      res.statusCode = 404;
-      res.end('not found');
-    } catch (error) {
-      res.statusCode = 500;
-      res.end(String(error));
-    }
-  });
-
-  return new Promise((resolve) => {
-    server.listen(0, '127.0.0.1', () => {
-      resolve({ server, port: server.address().port });
-    });
-  });
-}
-
-function closeServer(server) {
-  return new Promise((resolve) => server.close(resolve));
-}
-
-describe('end-to-end: production build is correctly servable', () => {
-  test('build() output serves the app shell, framework runtime and valid bundles', async () => {
-    await withTestProject(async (root) => {
-      const ok = await build({ minify: false, obfuscate: false });
-      assert.equal(ok, true, 'build should succeed');
-
-      const distDir = path.join(root, 'dist');
-      const { server, port } = await startServer(distDir);
-      const base = `http://127.0.0.1:${port}`;
-
-      try {
-        // 1. The HTML shell is served and mounts the app + entry module.
-        const indexRes = await fetch(`${base}/`);
-        assert.equal(indexRes.status, 200);
-        const indexHtml = await indexRes.text();
-        assert.match(indexHtml, /id="app"/);
-        assert.match(indexHtml, /\/App\/index\.js/);
-
-        // 2. The entry module loads and bootstraps the framework runtime.
-        const entryRes = await fetch(`${base}/App/index.js`);
-        assert.equal(entryRes.status, 200);
-        assert.match(entryRes.headers.get('content-type') || '', /javascript/);
-        assert.match(await entryRes.text(), /\/Slice\/Slice\.js/);
-
-        // 3. The framework runtime itself is reachable.
-        const sliceRes = await fetch(`${base}/Slice/Slice.js`);
-        assert.equal(sliceRes.status, 200);
-
-        // 4. Config + runtime mode endpoints.
-        const cfgRes = await fetch(`${base}/sliceConfig.json`);
-        assert.equal(cfgRes.status, 200);
-        const cfg = await cfgRes.json();
-        assert.ok(cfg.paths?.components, 'sliceConfig exposes component paths');
-
-        const envRes = await fetch(`${base}/slice-env.json`);
-        assert.equal((await envRes.json()).mode, 'production');
-
-        // 5. The bundle manifest is served and well-formed.
-        const manifestRes = await fetch(`${base}/bundles/bundle.config.json`);
-        assert.equal(manifestRes.status, 200);
-        const manifest = await manifestRes.json();
-        assert.equal(manifest.production, true);
-        assert.equal(manifest.format, 'v2');
-
-        // 6. Every emitted bundle is served as JS and is syntactically valid.
-        const bundlesDir = path.join(distDir, 'bundles');
-        const bundleFiles = (await fs.readdir(bundlesDir)).filter(
-          (f) => f.startsWith('slice-bundle.') && f.endsWith('.js')
-        );
-        assert.ok(bundleFiles.length > 0, 'at least one bundle is produced');
-        for (const file of bundleFiles) {
-          const res = await fetch(`${base}/bundles/${file}`);
-          assert.equal(res.status, 200, `${file} should be served`);
-          assert.match(res.headers.get('content-type') || '', /javascript/);
-          const code = await res.text();
-          assert.doesNotThrow(
-            () => parse(code, { sourceType: 'module', plugins: ['jsx'] }),
-            `${file} is not valid JS`
-          );
-        }
-
-        // 7. Unknown client routes fall back to the SPA shell.
-        const spaRes = await fetch(`${base}/some/client/route`);
-        assert.equal(spaRes.status, 200);
-        assert.match(await spaRes.text(), /id="app"/);
-      } finally {
-        await closeServer(server);
-      }
-    });
-  });
-});

package/slicejs-cli/tests/fixtures/components.js

@@ -1,8 +0,0 @@
-const components = {
-  "Button": "Visual",
-  "Link": "Visual",
-  "Loading": "Visual",
-  "Navbar": "Visual",
-  "NotFound": "Visual",
-  "FetchManager": "Service"
-}; export default components;

package/slicejs-cli/tests/fixtures/sliceConfig.json

@@ -1,74 +0,0 @@
-{
-  "server": {
-    "port": 3001,
-    "host": "localhost"
-  },
-  "debugger": {
-    "enabled": false,
-    "click": "right"
-  },
-  "events": {
-    "enabled": true,
-    "ui": {
-      "enabled": true,
-      "shortcut": "alt+shift+e"
-    }
-  },
-  "context": {
-    "enabled": true,
-    "ui": {
-      "enabled": true,
-      "shortcut": "alt+shift+c"
-    }
-  },
-  "stylesManager": {
-    "requestedStyles": ["sliceStyles"]
-  },
-  "themeManager": {
-    "enabled": true,
-    "defaultTheme": "Slice",
-    "saveThemeLocally": false,
-    "useBrowserTheme": false
-  },
-  "logger": {
-    "enabled": true,
-    "showLogs": {
-      "console": {
-        "error": true,
-        "warning": true,
-        "info": false
-      }
-    }
-  },
-  "paths": {
-    "components": {
-      "AppComponents": {
-        "path": "/Components/AppComponents",
-        "type": "Visual"
-      },
-      "Visual": {
-        "path": "/Components/Visual",
-        "type": "Visual"
-      },
-      "Service": {
-        "path": "/Components/Service",
-        "type": "Service"
-      }
-    },
-    "themes": "/Themes",
-    "styles": "/Styles",
-    "routesFile": "/routes.js"
-  },
-  "router": {
-    "defaultRoute": "/"
-  },
-  "loading": {
-    "enabled": true
-  },
-  "publicFolders": [
-    "/Themes",
-    "/Styles",
-    "/assets",
-    "/images"
-  ]
-}

package/slicejs-cli/tests/getcomponent.test.js

@@ -1,435 +0,0 @@
-import { test, describe, before, after, mock } from 'node:test';
-import assert from 'node:assert/strict';
-import fs from 'fs-extra';
-import path from 'path';
-import { createTestProject, cleanupTestProject, withTestProject } from './helpers/setup.js';
-
-describe('runConcurrent', () => {
-  let runConcurrent;
-
-  before(async () => {
-    ({ runConcurrent } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  test('runs all items', async () => {
-    const results = [];
-    const worker = async (item) => { results.push(item); };
-    await runConcurrent([1, 2, 3], worker, 5);
-    assert.deepEqual(results.sort(), [1, 2, 3]);
-  });
-
-  test('respects concurrency limit', async () => {
-    let concurrent = 0;
-    let maxConcurrent = 0;
-    const worker = async (item) => {
-      concurrent++;
-      maxConcurrent = Math.max(maxConcurrent, concurrent);
-      await new Promise(r => setTimeout(r, 10));
-      concurrent--;
-    };
-    await runConcurrent([1, 2, 3, 4, 5], worker, 2);
-    assert.equal(maxConcurrent <= 2, true);
-  });
-
-  test('handles empty array', async () => {
-    const worker = async () => {};
-    await runConcurrent([], worker, 3);
-    assert.ok(true);
-  });
-
-  test('propagates worker errors', async () => {
-    const worker = async () => { throw new Error('worker fail'); };
-    await assert.rejects(() => runConcurrent([1], worker, 3), /worker fail/);
-  });
-
-  test('default concurrency is 3', async () => {
-    let maxConcurrent = 0;
-    let running = 0;
-    const worker = async () => {
-      running++;
-      maxConcurrent = Math.max(maxConcurrent, running);
-      await new Promise(r => setTimeout(r, 10));
-      running--;
-    };
-    await runConcurrent([1, 2, 3, 4, 5], worker);
-    assert.equal(maxConcurrent <= 3, true);
-  });
-});
-
-describe('loadConfig', () => {
-  test('returns config object when sliceConfig.json exists', async () => {
-    await withTestProject(async (tmpDir) => {
-      const { loadConfig } = await import('../commands/getComponent/getComponent.js');
-      const config = await loadConfig();
-      assert.notEqual(config, null);
-      assert.equal(typeof config, 'object');
-      assert.equal(config.server?.port, 3001);
-    });
-  });
-
-  test('returns null when sliceConfig.json is missing', async () => {
-    const tmpDir = await createTestProject();
-    try {
-      process.env.INIT_CWD = tmpDir;
-      const fixtureConfig = new URL('../tests/fixtures/sliceConfig.json', import.meta.url);
-      const fs = await import('node:fs/promises');
-      const path = await import('node:path');
-      const destPath = path.join(tmpDir, 'src', 'sliceConfig.json');
-      try { await fs.unlink(destPath); } catch {}
-      const { loadConfig } = await import('../commands/getComponent/getComponent.js');
-      const config = await loadConfig();
-      assert.equal(config, null);
-    } finally {
-      delete process.env.INIT_CWD;
-      await cleanupTestProject(tmpDir);
-    }
-  });
-});
-
-describe('ComponentRegistry.getAvailableComponents', () => {
-  let ComponentRegistry;
-
-  before(async () => {
-    ({ ComponentRegistry } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  const makeRegistry = (entries) => {
-    const registry = new ComponentRegistry();
-    registry.componentsRegistry = { ...entries };
-    return registry;
-  };
-
-  test('returns empty object when registry not loaded', () => {
-    const registry = new ComponentRegistry();
-    const result = registry.getAvailableComponents();
-    assert.deepEqual(result, {});
-  });
-
-  test('routing components (Route, MultiRoute, Link) return only .js', () => {
-    const registry = makeRegistry({
-      Route: 'Visual',
-      MultiRoute: 'Visual',
-      Link: 'Visual'
-    });
-    const result = registry.getAvailableComponents('Visual');
-    assert.deepEqual(result.Route.files, ['Route.js']);
-    assert.deepEqual(result.MultiRoute.files, ['MultiRoute.js']);
-    assert.deepEqual(result.Link.files, ['Link.js']);
-  });
-
-  test('NotFound returns .js, .html, .css like other visual components', () => {
-    const registry = makeRegistry({
-      NotFound: 'Visual',
-      Button: 'Visual',
-      Navbar: 'Visual'
-    });
-    const result = registry.getAvailableComponents('Visual');
-    assert.deepEqual(result.NotFound.files, ['NotFound.js', 'NotFound.html', 'NotFound.css']);
-    assert.deepEqual(result.Button.files, ['Button.js', 'Button.html', 'Button.css']);
-    assert.deepEqual(result.Navbar.files, ['Navbar.js', 'Navbar.html', 'Navbar.css']);
-  });
-
-  test('Service components return only .js', () => {
-    const registry = makeRegistry({
-      FetchManager: 'Service'
-    });
-    const result = registry.getAvailableComponents('Service');
-    assert.deepEqual(result.FetchManager.files, ['FetchManager.js']);
-  });
-
-  test('filters by category - Visual', () => {
-    const registry = makeRegistry({
-      Button: 'Visual',
-      FetchManager: 'Service'
-    });
-    const result = registry.getAvailableComponents('Visual');
-    assert.ok(result.Button);
-    assert.ok(!result.FetchManager);
-  });
-
-  test('filters by category - Service', () => {
-    const registry = makeRegistry({
-      Button: 'Visual',
-      FetchManager: 'Service'
-    });
-    const result = registry.getAvailableComponents('Service');
-    assert.ok(!result.Button);
-    assert.ok(result.FetchManager);
-  });
-
-  test('returns all categories when no filter', () => {
-    const registry = makeRegistry({
-      Button: 'Visual',
-      FetchManager: 'Service'
-    });
-    const result = registry.getAvailableComponents();
-    assert.ok(result.Button);
-    assert.ok(result.FetchManager);
-  });
-});
-
-describe('fetchWithRetry', () => {
-  let fetchWithRetry;
-  let originalFetch;
-
-  before(async () => {
-    ({ fetchWithRetry } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  after(() => {
-    if (originalFetch) globalThis.fetch = originalFetch;
-  });
-
-  test('succeeds on first attempt', async () => {
-    originalFetch = globalThis.fetch;
-    globalThis.fetch = mock.fn(async () => ({
-      ok: true,
-      text: async () => 'response body'
-    }));
-    const result = await fetchWithRetry('https://example.com');
-    assert.equal(result, 'response body');
-    assert.equal(globalThis.fetch.mock.calls.length, 1);
-    globalThis.fetch = originalFetch;
-  });
-
-  test('retries and eventually succeeds', async () => {
-    let attempts = 0;
-    originalFetch = globalThis.fetch;
-    globalThis.fetch = mock.fn(async () => {
-      attempts++;
-      if (attempts < 3) throw new Error('network error');
-      return { ok: true, text: async () => 'success after retry' };
-    });
-    const result = await fetchWithRetry('https://example.com', 3, 5);
-    assert.equal(result, 'success after retry');
-    assert.equal(attempts, 3);
-    globalThis.fetch = originalFetch;
-  });
-
-  test('fails after exhausting retries', async () => {
-    originalFetch = globalThis.fetch;
-    globalThis.fetch = mock.fn(async () => { throw new Error('persistent error'); });
-    await assert.rejects(() => fetchWithRetry('https://example.com', 2, 5), /persistent error/);
-    globalThis.fetch = originalFetch;
-  });
-
-  test('rejects non-ok response', async () => {
-    originalFetch = globalThis.fetch;
-    globalThis.fetch = mock.fn(async () => ({
-      ok: false,
-      status: 404,
-      statusText: 'Not Found'
-    }));
-    await assert.rejects(() => fetchWithRetry('https://example.com', 2, 5), /HTTP 404/);
-    globalThis.fetch = originalFetch;
-  });
-});
-
-describe('filterOfficialComponents', () => {
-  let ComponentRegistry;
-
-  before(async () => {
-    ({ ComponentRegistry } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  test('includes Visual and Service components', () => {
-    const registry = new ComponentRegistry();
-    const result = registry.filterOfficialComponents({
-      Button: 'Visual',
-      FetchManager: 'Service'
-    });
-    assert.deepEqual(result, { Button: 'Visual', FetchManager: 'Service' });
-  });
-
-  test('excludes AppComponents and other categories', () => {
-    const registry = new ComponentRegistry();
-    const result = registry.filterOfficialComponents({
-      Button: 'Visual',
-      AppShell: 'AppComponents',
-      SomeOther: 'Unknown'
-    });
-    assert.deepEqual(result, { Button: 'Visual' });
-  });
-
-  test('returns empty object for empty input', () => {
-    const registry = new ComponentRegistry();
-    const result = registry.filterOfficialComponents({});
-    assert.deepEqual(result, {});
-  });
-
-  test('returns empty when no Visual or Service components', () => {
-    const registry = new ComponentRegistry();
-    const result = registry.filterOfficialComponents({
-      AppShell: 'AppComponents',
-      Custom: 'Other'
-    });
-    assert.deepEqual(result, {});
-  });
-});
-
-describe('findComponentInRegistry', () => {
-  let ComponentRegistry;
-
-  before(async () => {
-    ({ ComponentRegistry } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  const makeRegistry = (entries) => {
-    const registry = new ComponentRegistry();
-    registry.componentsRegistry = { ...entries };
-    return registry;
-  };
-
-  test('finds component by name (case-insensitive)', () => {
-    const registry = makeRegistry({ Button: 'Visual' });
-    const result = registry.findComponentInRegistry('button');
-    assert.deepEqual(result, { name: 'Button', category: 'Visual' });
-  });
-
-  test('returns null for non-existent component', () => {
-    const registry = makeRegistry({ Button: 'Visual' });
-    const result = registry.findComponentInRegistry('NonExistent');
-    assert.equal(result, null);
-  });
-
-  test('returns null when registry not loaded', () => {
-    const registry = new ComponentRegistry();
-    const result = registry.findComponentInRegistry('Button');
-    assert.equal(result, null);
-  });
-
-  test('finds component with exact case', () => {
-    const registry = makeRegistry({ FetchManager: 'Service' });
-    const result = registry.findComponentInRegistry('FetchManager');
-    assert.deepEqual(result, { name: 'FetchManager', category: 'Service' });
-  });
-});
-
-describe('getLocalComponents', () => {
-  let ComponentRegistry;
-
-  before(async () => {
-    ({ ComponentRegistry } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  test('returns components from local components.js', async () => {
-    await withTestProject(async (tmpDir) => {
-      const registry = new ComponentRegistry();
-      const result = await registry.getLocalComponents();
-      assert.deepEqual(result, { Button: 'Visual' });
-    }, { visualComponents: ['Button'] });
-  });
-
-  test('returns empty object when no components.js exists', async () => {
-    const tmpDir = await createTestProject();
-    try {
-      process.env.INIT_CWD = tmpDir;
-      const componentsPath = path.join(tmpDir, 'src', 'Components', 'components.js');
-      await fs.remove(componentsPath);
-      const registry = new ComponentRegistry();
-      const result = await registry.getLocalComponents();
-      assert.deepEqual(result, {});
-    } finally {
-      delete process.env.INIT_CWD;
-      await cleanupTestProject(tmpDir);
-    }
-  });
-
-  test('returns empty object when components.js has invalid format', async () => {
-    const tmpDir = await createTestProject();
-    try {
-      process.env.INIT_CWD = tmpDir;
-      const componentsPath = path.join(tmpDir, 'src', 'Components', 'components.js');
-      await fs.writeFile(componentsPath, 'not valid javascript', 'utf8');
-      const registry = new ComponentRegistry();
-      const result = await registry.getLocalComponents();
-      assert.deepEqual(result, {});
-    } finally {
-      delete process.env.INIT_CWD;
-      await cleanupTestProject(tmpDir);
-    }
-  });
-});
-
-describe('updateLocalRegistrySafe', () => {
-  let ComponentRegistry;
-
-  before(async () => {
-    ({ ComponentRegistry } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  test('registers a new component in components.js', async () => {
-    await withTestProject(async (tmpDir) => {
-      const registry = new ComponentRegistry();
-      await registry.updateLocalRegistrySafe('NewComp', 'Visual');
-      const components = await registry.getLocalComponents();
-      assert.equal(components.NewComp, 'Visual');
-    }, { visualComponents: [] });
-  });
-
-  test('does not duplicate existing component', async () => {
-    await withTestProject(async (tmpDir) => {
-      const registry = new ComponentRegistry();
-      await registry.updateLocalRegistrySafe('Button', 'Visual');
-      const components = await registry.getLocalComponents();
-      assert.equal(components.Button, 'Visual');
-      assert.deepEqual(Object.keys(components).filter(k => k === 'Button'), ['Button']);
-    }, { visualComponents: ['Button'] });
-  });
-});
-
-describe('findUpdatableComponents', () => {
-  let ComponentRegistry;
-
-  before(async () => {
-    ({ ComponentRegistry } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  test('returns empty when no local components match remote registry', async () => {
-    await withTestProject(async (tmpDir) => {
-      const registry = new ComponentRegistry();
-      registry.componentsRegistry = { SomeRemote: 'Visual' };
-      const result = await registry.findUpdatableComponents();
-      assert.deepEqual(result, []);
-    }, { visualComponents: ['Button'] });
-  });
-
-  test('returns components that exist both locally and remotely', async () => {
-    await withTestProject(async (tmpDir) => {
-      const registry = new ComponentRegistry();
-      registry.componentsRegistry = { Button: 'Visual', FetchManager: 'Service' };
-      const result = await registry.findUpdatableComponents();
-      assert.equal(result.length, 1);
-      assert.equal(result[0].name, 'Button');
-      assert.equal(result[0].category, 'Visual');
-    }, { visualComponents: ['Button'] });
-  });
-});
-
-describe('updateLocalRegistrySafe concurrency', () => {
-  let ComponentRegistry;
-
-  before(async () => {
-    ({ ComponentRegistry } = await import('../commands/getComponent/getComponent.js'));
-  });
-
-  test('concurrent registrations do not corrupt or drop entries in components.js', async () => {
-    await withTestProject(async (tmpDir) => {
-      const registry = new ComponentRegistry();
-      const names = ['Button', 'Link', 'Loading', 'MultiRoute', 'Navbar', 'NotFound', 'Route'];
-
-      // Fire all read-modify-write cycles at once — without the registry lock
-      // this loses updates (last-writer-wins) or reads a half-written file.
-      await Promise.all(names.map(n => registry.updateLocalRegistrySafe(n, 'Visual')));
-
-      const componentsPath = path.join(tmpDir, 'src', 'Components', 'components.js');
-      const content = await fs.readFile(componentsPath, 'utf8');
-      const match = content.match(/const components = ({[\s\S]*?});/);
-      assert.ok(match, 'components.js must stay parseable');
-      const parsed = JSON.parse(match[1]);
-      for (const n of names) {
-        assert.equal(parsed[n], 'Visual', `${n} must be registered`);
-      }
-    });
-  });
-});