fix(frontend): align layouts posts and widgets with zibll

2026-08-17 21:47:40 +08:00
parent 526364b438
commit 5d45eb053b
27 changed files with 3222 additions and 2777 deletions
@@ -0,0 +1,46 @@
+'use strict';
+
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const test = require('node:test');
+
+const root = path.resolve(__dirname, '..', '..');
+const read = (file) => fs.readFileSync(path.join(root, file), 'utf8');
+
+test('post list DOM follows the Zibll flex and multi-image contract', () => {
+  const markup = read('inc/helpers/posts-renderer/markup.php');
+  const data = read('inc/helpers/posts-renderer/post-data.php');
+  const cardStart = markup.indexOf('function aksrt_renderer_card');
+  const miniStart = markup.indexOf('function aksrt_renderer_mini');
+  const card = markup.slice(cardStart, miniStart);
+
+  assert.match(markup, /\['posts-item', 'list', 'ajax-item', 'flex'/);
+  assert.match(markup, /if \(!empty\(\$data\['is_mult_thumb'\]\)\)[\s\S]*?\$thumb = '';/);
+  assert.doesNotMatch(card, /item-excerpt|renderer_excerpt_markup/);
+  assert.match(data, /&& \$cfg\['mode'\] === 'list'/);
+  assert.match(data, /<a class=\"thumb-items contain\"/);
+});
+
+test('site shell has one float owner and fluid zones sit outside main', () => {
+  const layout = read('assets/css/frontend/layout.css');
+  const archive = read('inc/helpers/aksrt-archive.php');
+  const shell = layout.slice(layout.indexOf('Site shell'), layout.indexOf('页面标题区'));
+
+  assert.doesNotMatch(shell, /display:\s*grid/);
+  assert.match(shell, /width:\s*var\(--sidebar-width, 311px\)/);
+  assert.match(shell, /calc\(var\(--sidebar-width, 311px\) \+ 15px\)/);
+  assert.ok(archive.indexOf("$args['top_fluid']") < archive.indexOf('<main id="main-content"'));
+  assert.ok(archive.lastIndexOf("$args['bottom_fluid']") > archive.indexOf('</main>'));
+});
+
+test('widget shell uses Zibll wrappers without overriding post link colors', () => {
+  const renderer = read('src/WidgetSystem/FrontendRenderer.php');
+  const css = read('assets/widgets/frontend.css');
+
+  assert.match(renderer, /'zib-widget-wrap'/);
+  assert.match(renderer, /\$classes\[\] = 'zib-widget'/);
+  assert.match(renderer, /aksrt-widget__inner container/);
+  assert.doesNotMatch(css, /\.aksrt-widget a\s*\{[^}]*color:\s*inherit/);
+  assert.match(css, /\.aksrt-widget\.zib-widget\s*\{/);
+});