Files
wordpress-theme-aksrt/tests/widget-system/frontend-lifecycle-contract.test.cjs
kate522 41366e7fc4 feat(auth): rebuild the sign-in surfaces on the shared sign-card contract
The login/register page and the auth modal had drifted into a parallel
system: floating-input fields, a sign-page-card shell and a bespoke
jio-auth-modal wrapper that none of the theme's own sign CSS targeted.
The reference card rules (.sign, .sign-img, .sign-content, .line-form-input,
.scale-placeholder, .social_loginbar, .title-h-left, #u_sign .modal-dialog,
.qrcode-signin-container) have been in main.css all along, so the fix is to
render the reference DOM instead of re-styling a second one.

auth-content.php now emits one .sign.jio-panel.blur-bg.relative card with a
.tab-content of #tab-sign-in / #tab-sign-up / #tab-resetpassword /
#tab-qrcode-signin / #tab-bind panes. Each pane opens with a
.title-h-left.fa-2x heading plus a .muted-color.px12 link, fields are
.relative.line-form.mb10 > .line-form-input + .scale-placeholder +
.line-form-line, the verification trigger is the .yztx.abs-right captchsubmit
button, and submits are .but.radius.jb-blue|jb-green.padding-lg.btn-block.
Social entries come from the shared render_social_buttons() separator +
.social_loginbar, and the OAuth bind pane uses the oauth-data-box avatar card.

The modal shell is #u_sign.modal > .modal-dialog > .sign-content >
.sign-img.absolute.hide-sm + .sign, and the page shell is the reference
.container.sign-page > .row.sign-row.gutters-5 > .col-md-6(.col-md-offset-6/
.col-md-offset-3).sign-col with a .fixed.lazyload background and a blurred
fixed footer. auth.js drives .in instead of .is-open, toggles the new
password/signin-mode/invite-gate controls and no longer touches the retired
markup. The page also drops two footer-hook removals that targeted functions
which no longer exist, and opts out of the fixed-nav offset.

The sign page's custom theme setting now actually applies: Router answers
jio_forced_theme_mode, jioData.themeForced wins over the stored cookie in
theme.js, theme-toggle positions are suppressed, and the page marks html/body
dark or white accordingly.

sign.css shrinks from ~114 lines of bespoke component styling to a thin
positioning layer, and the retired classes are gone rather than kept.

Verification: php -l on every changed PHP file, node --check on both JS files,
node --test across widget-system, navigation and front-submit (873 passing),
and tools/audit-psr4-paths.php / audit-admin-contracts.php both at 0 errors.
assets/js/runtime/main.min.js was rebuilt because theme.js gained the forced
theme branch.
2026-11-04 16:04:24 +08:00

226 lines
10 KiB
JavaScript

'use strict';
const assert = require('node:assert/strict');
const fs = require('node:fs');
const path = require('node:path');
const test = require('node:test');
const vm = require('node:vm');
const root = path.resolve(__dirname, '..', '..');
const read = (file) => fs.readFileSync(path.join(root, file), 'utf8');
function sourceFiles(directory) {
const files = [];
for (const entry of fs.readdirSync(directory, { withFileTypes: true })) {
if (['.git', 'build', 'node_modules', 'runtime', 'third-party', 'vendor'].includes(entry.name)) continue;
if (/\.min\.js$/.test(entry.name)) continue;
const full = path.join(directory, entry.name);
if (entry.isDirectory()) files.push(...sourceFiles(full));
else if (/\.(?:js|cjs|mjs|php)$/.test(entry.name)) files.push(full);
}
return files;
}
const routed = [
'assets/js/auth.js',
'assets/js/author.js',
'assets/js/credits.js',
'assets/js/order-center.js',
'assets/js/routes/user-center.js',
'assets/js/signin.js',
'assets/js/section-navs.js',
];
test('loader maps and boots the single main module', () => {
const loader = read('assets/js/runtime/loader.js');
assert.match(loader, /['"]main['"]\s*:\s*['"]main\.min['"]/);
assert.match(loader, /tbquire\(\[['"]main['"]\]\)/);
assert.equal((loader.match(/tbquire\(\[['"]main['"]\]\)/g) || []).length, 1);
});
test('main owns the one global auto_fun boot', () => {
const main = read('assets/js/runtime/main.js');
assert.match(main, /window\.auto_fun\s*=\s*debounce\(/);
assert.match(main, /jQuery\(document\)\.trigger\(['"]auto_fun['"]\)/);
});
test('theme and comments do not depend on the removed jio namespace APIs', () => {
const theme = read('assets/js/core/theme.js');
const comments = read('assets/js/comment-ajax.js');
const runtime = read('assets/js/runtime/main.min.js');
assert.match(theme, /window\.jioData\.themeMode/);
assert.doesNotMatch(theme, /(?:window\.)?jio\.toggleTheme/);
assert.doesNotMatch(comments, /(?:window\.)?jio\.(?:__|confirm)/);
assert.doesNotMatch(runtime, /(?:window\.)?jio\.(?:toggleTheme|__|confirm)/);
});
test('theme initializes when the removed jio namespace is absent', () => {
const classList = { toggle() {}, contains() { return false; } };
const document = {
readyState: 'complete',
cookie: '',
body: { classList, setAttribute() {} },
documentElement: { classList, setAttribute() {} },
head: { appendChild() {} },
querySelector() { return null; },
querySelectorAll() { return []; },
getElementById() { return null; },
createElement() { return { setAttribute() {} }; },
dispatchEvent() {},
addEventListener() {},
};
const window = {
document,
location: { protocol: 'https:' },
localStorage: { getItem() { return null; }, setItem() {} },
matchMedia() { return { matches: false }; },
setTimeout,
innerWidth: 1280,
innerHeight: 720,
};
assert.doesNotThrow(() => vm.runInNewContext(read('assets/js/core/theme.js'), {
window,
document,
localStorage: window.localStorage,
CustomEvent: class {},
Date,
Math,
}));
assert.equal(window.jio, undefined);
});
test('routed modules use one namespaced auto_fun owner and no registry', () => {
for (const file of routed) {
const source = read(file);
assert.match(source, /\.off\(['"]auto_fun\.[^'"]+['"]\)\.on\(['"]auto_fun\.[^'"]+['"]/, file);
assert.doesNotMatch(source, /JioFrontend|jio\.autoFun|jio:(?:ready|rehydrated)/, file);
}
});
test('wallet reward content opens in the shared modal runtime once', () => {
const reward = read('assets/js/reward.js');
const helper = read('inc/helpers/jio-rewards.php');
const authorBar = read('templates/parts/single-author-bar.php');
const singleActions = read('inc/helpers/jio-single-render.php');
const scripts = read('src/Core/ScriptsPart1b.php');
const scriptsPart1c = read('src/Core/ScriptsPart1c.php');
assert.match(reward, /runtime\.open\(\{/);
assert.match(reward, /className: 'jio-reward-modal modal-mini full-sm'/);
assert.match(reward, /mobileBottom: true/);
assert.match(reward, /shell\.setAttribute\('aria-labelledby', title\.id\)/);
assert.match(reward, /'Idempotency-Key': key/);
assert.equal((reward.match(/document\.addEventListener\('click'/g) || []).length, 1);
assert.doesNotMatch(reward, /auto_fun|reward-modal\.is-open/);
assert.equal((helper.match(/<template\b/g) || []).length, 1);
assert.match(helper, /data-template-id="%2\$s"/);
assert.match(helper, /static \$done = \[\]/);
assert.match(helper, /isset\(\$done\[\$key\]\)/);
assert.match(helper, /modal-colorful-header colorful-bg jb-blue/);
assert.match(helper, /data-jio-modal-close/);
assert.match(helper, /data-jio-reward-submit/);
assert.match(authorBar, /jio_render_rewards_template_for_user/);
assert.match(singleActions, /jio_render_rewards_template_for_user/);
assert.match(scriptsPart1c, /\$requirements\['needs_reward'\]\s*=\s*\$is_article && !empty\(\$settings\['rewards_enabled'\]\)/);
assert.match(scriptsPart1c, /\$singular_assets\['needs_reward'\][\s\S]*?\$reward_js[\s\S]*?'jio-reward'/);
assert.doesNotMatch(helper + authorBar + singleActions, /jio_render_rewards_modal_for_user|reward-modal__qr/);
});
test('user center navigation initializes once across auto_fun rescans', () => {
const source = read('assets/js/routes/user-center.js');
const initAt = source.indexOf('function initDashboardNavigation()');
const guardAt = source.indexOf('jioUserCenterNavigationInitialized', initAt);
const initialActivateAt = source.indexOf('activate(initialTab, false)', initAt);
assert.ok(initAt >= 0);
assert.ok(guardAt > initAt && guardAt < initialActivateAt);
assert.match(source.slice(initAt, initialActivateAt), /if \(document\.documentElement\.dataset\.jioUserCenterNavigationInitialized === 'true'\) return;/);
assert.match(source.slice(initAt, initialActivateAt), /document\.documentElement\.dataset\.jioUserCenterNavigationInitialized = 'true';/);
assert.doesNotMatch(source, /name === 'vip' && !forceLoad\) forceLoad = true/);
});
test('homepage tabs refresh the original pane DOM through the runtime post_ajax pipeline', () => {
const layout = read('inc/helpers/homepage/layout.php')
const homepage = read('inc/helpers/jio-homepage.php')
const controller = read('src/Admin/GlobalController.php')
// 栏目链接契约:data-toggle="tab" + data-ajax。
assert.match(layout, /<a data-toggle="tab" data-ajax="/)
assert.match(layout, /href="#index-tab-main"/)
assert.match(layout, /class="index-tab affix-header-sm relative home-tab-nav-box mb10" offset-top="-8"/)
// pane 本身是原位刷新容器。
assert.match(layout, /class="posts-row ajaxpager tab-pane fade in active" id="index-tab-main"/)
assert.match(layout, /class="ajaxpager tab-pane fade" id="index-tab-/)
assert.match(layout, /<span class="post_ajax_trigger"><a class="ajax_load ajax-next ajax-open" href="/)
assert.match(layout, /<div class="post_ajax_loader">/)
// nofilter:栏目页响应不再输出筛选菜单,避免 win-ajax-replace 串页。
assert.match(layout, /'nofilter' => 'true'/)
// 不再有旁路刷新:REST 面板、骨架屏、面板 footer 全部移除。
assert.equal(fs.existsSync(path.join(root, 'assets/js/homepage-fixed.js')), false)
assert.doesNotMatch(layout, /data-home-tab-panel|jio-homepage__panel|jio-homepage__tab|requestHomepagePanel|data-sticky-tabs/)
assert.doesNotMatch(controller, /homepage\/tab-posts|rest_homepage_tab_posts/)
// 排序菜单契约:win-ajax-replace="filter" + ajax-next 链接。
assert.match(homepage, /function jio_homepage_render_ajax_option_menu/)
assert.match(homepage, /win-ajax-replace="filter"/)
assert.match(homepage, /ajax-replace="true" class="' \. esc_attr\(\$_class\)/)
assert.match(homepage, /!empty\(\$_GET\['nofilter'\]\)/)
// 主查询吃 ?orderby=,排序原位刷新才有效。
assert.match(homepage, /function jio_homepage_get_request_sort/)
assert.match(read('inc/helpers/homepage/content.php'), /jio_homepage_get_request_sort\(\)/)
// runtime 是 tab/排序的唯一引擎。
const runtime = read('assets/js/runtime/main.js')
assert.match(runtime, /_win\.bd\.on\('show\.bs\.tab', 'a\[data-ajax\]'/)
assert.match(runtime, /function post_ajax\(/)
// ajax-list.js 让出 runtime 管辖的控件,避免双请求。
assert.match(read('assets/js/core/ajax-list.js'), /link\.closest\("\.ajax-option, \.post_ajax_trigger"\)/)
})
test('archive streams nest pagination inside the ajaxpager for tab extraction', () => {
const archive = read('inc/helpers/jio-archive.php')
assert.match(archive, /append_inner_html/)
assert.doesNotMatch(archive, /content-stream__footer/)
assert.match(read('inc/helpers/posts-renderer/markup.php'), /append_inner_html/)
assert.doesNotMatch(read('assets/js/core/pagination.js'), /data-home-tab-panel|content-stream__footer/)
})
test('HTML fragment injection announces post_ajax before auto_fun', () => {
for (const file of ['assets/js/core/pagination.js', 'assets/js/author.js', 'assets/js/credits.js', 'assets/js/routes/user-center.js']) {
const source = read(file);
assert.match(source, /post_ajax\.ed[\s\S]*?window\.auto_fun\(\)/, file);
}
});
test('modal fragment lifecycle reruns auto_fun after loaded.bs.modal', () => {
const source = read('assets/js/runtime/main.js');
assert.match(source, /loaded\.bs\.modal[\s\S]*?auto_fun/);
});
test('JSON success lifecycle remains jio_ajax.success', () => {
const source = read('assets/js/runtime/main.js');
assert.match(source, /jio_ajax\.success/);
});
test('Miniimgbox owns data-imgbox and lazySizes has one integration owner', () => {
const imgbox = read('assets/js/runtime/imgbox.js');
const lazy = read('assets/js/runtime/main.js');
assert.match(imgbox, /Miniimgbox/);
assert.match(imgbox, /data-imgbox/);
assert.match(lazy, /lazybeforeunveil/);
assert.match(lazy, /MutationObserver/);
});
test('non-generated first-party sources contain no deprecated lifecycle API', () => {
const files = sourceFiles(root).filter((file) => {
const relative = path.relative(root, file).replaceAll('\\', '/');
return relative !== 'tests/widget-system/frontend-lifecycle-contract.test.cjs';
});
for (const file of files) {
const source = fs.readFileSync(file, 'utf8');
assert.doesNotMatch(source, /JioFrontend|jio\.autoFun|jio:(?:ready|rehydrated)/, path.relative(root, file));
}
});