fix(user): replicate level center page

2026-09-13 21:28:10 +08:00
parent 6f1860f5d0
commit 632a7d15ba
4 changed files with 642 additions and 188 deletions
@@ -0,0 +1,102 @@
+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('user level renderer keeps the canonical panel mapping and reference layout', () => {
+  const context = read('inc/helpers/aksrt-user-center.php');
+  const renderer = read('inc/helpers/user-center-renderers/profile-level.php');
+  const panel = read('templates/parts/user-center/panel.php');
+
+  assert.match(context, /'level'\s*=>\s*'level'/);
+  assert.match(context, /profile-' \. \$renderer \. '\.php/);
+  assert.match(renderer, /class="aksrt-level-page"/);
+  assert.match(renderer, /class="row aksrt-level-page__summary"/);
+  assert.match(renderer, /class="col-md-5"/);
+  assert.match(renderer, /class="col-md-7"/);
+  assert.match(renderer, /colorful-bg jb-vip1 aksrt-level-card/);
+  assert.match(renderer, /colorful-bg c-gray aksrt-level-card/);
+  assert.match(renderer, /class="zib-widget aksrt-level-experience"/);
+  assert.match(renderer, /id="tab_integral_get"/);
+  assert.match(renderer, /id="tab_integral_my"/);
+  assert.match(renderer, /id="tab_integral_date"/);
+  assert.match(renderer, /data-aksrt-level-tab="tab_integral_date"/);
+  assert.match(renderer, /Level::get_progress/);
+  assert.match(renderer, /Level::get_details/);
+  assert.match(renderer, /Level::get_date_details/);
+  assert.match(panel, /class="dashboard-panel/);
+  assert.match(panel, /role="tabpanel"/);
+});
+
+test('user level renderer covers states, limits, and safe icon fallbacks', () => {
+  const renderer = read('inc/helpers/user-center-renderers/profile-level.php');
+
+  assert.match(renderer, /array_slice\(\\AKSRT\\User\\Level::get_details\(\$user_id\), 0, 50\)/);
+  assert.match(renderer, /array_slice\(\\AKSRT\\User\\Level::get_date_details\(\$user_id\), 0, 30, true\)/);
+  assert.match(renderer, /!empty\(\$progress\['is_max'\]\)/);
+  assert.match(renderer, /get_level_icon_url\(\$level\)/);
+  assert.match(renderer, /if \(\$icon !== ''\)/);
+  assert.match(renderer, /暂无经验值获取明细/);
+  assert.match(renderer, /最多显示近50条记录/);
+  assert.match(renderer, /最多显示近30条记录/);
+  assert.match(renderer, /esc_html\(\$labels\[\$key\] \?\? \$key\)/);
+  assert.match(renderer, /role="progressbar"/);
+  assert.match(renderer, /aria-valuenow=/);
+});
+
+test('user level renderer no longer carries the retired multi-card markup', () => {
+  const renderer = read('inc/helpers/user-center-renderers/profile-level.php');
+  const css = read('assets/css/routes/user-center/level.css');
+
+  for (const selector of [
+    'uc-level-hero',
+    'uc-level-road',
+    'uc-level-methods',
+    'uc-level-history-grid',
+    'uc-level-ledger',
+    'uc-level-dates',
+  ]) {
+    assert.doesNotMatch(renderer, new RegExp(selector));
+    assert.doesNotMatch(css, new RegExp(`\\.${selector}(?:\\b|__)`));
+  }
+});
+
+test('user level styles remove the generic panel card and retain reference visual primitives', () => {
+  const css = read('assets/css/routes/user-center/level.css');
+
+  assert.match(css, /\.uc-content #panel-level\.dashboard-panel\s*\{[\s\S]*?padding:\s*0;[\s\S]*?background:\s*transparent;[\s\S]*?box-shadow:\s*none;/);
+  assert.match(css, /\.aksrt-level-card--summary\s*\{[\s\S]*?--this-bg:\s*linear-gradient\(25deg/);
+  assert.match(css, /\.aksrt-level-card--growth\s*\{[\s\S]*?--this-bg:\s*rgba\(136, 136, 136, \.1\)/);
+  assert.match(css, /\.aksrt-level-progress\s*\{[\s\S]*?height:\s*3px/);
+  assert.match(css, /\.aksrt-level-growth \.pillar-item \.pillar\s*\{[\s\S]*?width:\s*6px/);
+  assert.match(css, /\.aksrt-level-growth \.pillar-item\.active \.pillar/);
+  assert.match(css, /@media \(max-width: 767px\)/);
+});
+
+test('user center handles level-internal tabs before main navigation and has no dead credits branch', () => {
+  const scripts = read('assets/js/routes/user-center.js');
+  const levelHandler = scripts.indexOf('function activateLevelTab');
+  const clickHandler = scripts.indexOf("document.addEventListener('click', function(e)");
+  const withdrawHandler = scripts.indexOf('var withdrawOpen', clickHandler);
+
+  assert.ok(levelHandler >= 0);
+  assert.ok(clickHandler >= 0);
+  assert.ok(levelHandler < clickHandler);
+  assert.ok(scripts.indexOf("closest('[data-aksrt-level-tab]')", clickHandler) > clickHandler);
+  assert.ok(scripts.indexOf('e.stopPropagation();', clickHandler) < withdrawHandler);
+  assert.doesNotMatch(scripts, /if \(name === 'credits'\) allowedParams/);
+  assert.match(scripts, /item\.hidden = !active/);
+  assert.match(scripts, /aria-selected/);
+});
+
+test('user center loads level styles as a versioned leaf', () => {
+  const scripts = read('src/Core/ScriptsPart1b.php');
+
+  assert.match(scripts, /'user-center\/level'/);
+  assert.match(scripts, /filemtime\(\$part_path\)/);
+  assert.doesNotMatch(scripts, /assets\/css\/routes\/user-center\.css/);
+  assert.doesNotMatch(scripts, /assets\/css\/routes\/profile\.css/);
+});