kate522
00ae62f62b
Three defects slipped into the sign-card rebuild: The hidden-glyph rule was dropped. `.fa` sets display:inline-block, which outranks the UA [hidden] rule, so every hidden glyph stayed visible — most visibly a spinner rendered beside the login button at rest. `.sign [hidden]` restores the override. Closing account login produced an empty shell. The whole sign-in pane was gated on `!$close_signin`, and the social block carried the same gate, so a site with account login off but registration on still opened on an empty panel with no social entry. The pane is now rendered in three shapes: open registration falls through to the signup tab, a QR entry falls through to the QR tab, social-only renders a notice plus the social bar, and when nothing is available it states that login is closed. The modal close button sat in normal flow and pushed the card content down; `#u_sign .sign > .close` pins it back to the top-right corner. The /sign/ route is `index.php?jio_sign=1`, so WordPress reports it as home. The header multifunction component resolves page type by query flags and the home branch won, so the component appeared on the auth page whenever "首页" was in its scope — even though the sign page template itself was already excluded. `jio_header_slide_current_page_type()` now bails out on `jio_sign` before any of the is_* checks. The breakpoint overrides that were fighting the shared sheet between 641px and 991px are narrowed to the one offset that actually needed adjusting. Verification: the modal was rendered through a PHP stub, served with the real theme stylesheets, and driven by the real auth.js in a headless browser — tab switching, signin-mode switching, password reveal, close button and geometry at 1440/1100/900/760/500/390px. The header harness gained a `jio_sign` case asserting no markup, and 860 widget/navigation tests pass.
70 lines
3.8 KiB
JavaScript
70 lines
3.8 KiB
JavaScript
'use strict';
|
|
|
|
const assert = require('node:assert/strict');
|
|
const { spawnSync } = require('node:child_process');
|
|
const fs = require('node:fs');
|
|
const path = require('node:path');
|
|
const test = require('node:test');
|
|
|
|
const root = path.resolve(__dirname, '..', '..');
|
|
|
|
test('header multifunction renders reference slide, search, and card contracts on desktop and mobile', () => {
|
|
const rendered = spawnSync(
|
|
process.env.PHP_BINARY || 'php',
|
|
[path.join(__dirname, 'header-multifunction-render-harness.php')],
|
|
{ cwd: root, encoding: 'utf8' },
|
|
);
|
|
assert.equal(rendered.status, 0, rendered.stderr || rendered.stdout);
|
|
const { desktop, mobile, module_background: moduleBackground } = JSON.parse(rendered.stdout);
|
|
|
|
assert.match(desktop, /data-src="https:\/\/example\.test\/slide\.jpg"/);
|
|
assert.match(desktop, /data-swiper-parallax="40%" data-swiper-parallax-opacity="0\.8" data-swiper-parallax-scale="1\.1"/);
|
|
assert.match(desktop, /data-src="https:\/\/example\.test\/pc-only\.jpg"/);
|
|
assert.doesNotMatch(desktop, /mobile-only\.jpg/);
|
|
assert.match(desktop, /class="swiper-slide slide-background-video"/);
|
|
assert.match(desktop, /data-src="https:\/\/example\.test\/background\.mp4"/);
|
|
assert.match(desktop, /class="new-dplayer" video-url="https:\/\/example\.test\/content\.mp4" video-type="auto"/);
|
|
assert.match(desktop, /class="absolute dplayer-poster"/);
|
|
assert.doesNotMatch(desktop, /<video controls/);
|
|
assert.match(desktop, /header-slider-search-more text-center before/);
|
|
assert.match(desktop, /<div class="search-input">search-box<\/div>/);
|
|
assert.match(desktop, /<div class="icon-cover-card flex ac jio-panel">Card one<\/div>/);
|
|
|
|
assert.doesNotMatch(mobile, /background\.mp4/);
|
|
assert.match(mobile, /data-src="https:\/\/example\.test\/mobile-only\.jpg"/);
|
|
assert.doesNotMatch(mobile, /pc-only\.jpg/);
|
|
assert.match(mobile, /data-src="https:\/\/example\.test\/poster\.jpg"/);
|
|
assert.match(mobile, /class="new-dplayer" video-url="https:\/\/example\.test\/content\.mp4"/);
|
|
assert.match(mobile, /header-slider-search-more text-center before/);
|
|
assert.match(mobile, /<div class="icon-cover-card flex ac jio-panel">Card one<\/div>/);
|
|
|
|
assert.match(moduleBackground, /<div class="jio-panel padding-10"><div class="flex jse/);
|
|
assert.match(moduleBackground, /<div class="icon-cover-card flex ac padding-10">Card one<\/div>/);
|
|
assert.equal(JSON.parse(rendered.stdout).page_config_save.show_widget_bg, true);
|
|
|
|
// /sign/ resolves to index.php?jio_sign=1, so WordPress still reports it as
|
|
// home; the component must stay off even when "首页" is in its scope list.
|
|
const { auth_page_show: authShow, auth_page_type: authType, auth_page_markup: authMarkup } = JSON.parse(rendered.stdout);
|
|
assert.equal(authShow, false);
|
|
assert.equal(authType, '');
|
|
assert.equal(authMarkup, '');
|
|
|
|
const { lazy_disabled: eager, single_slide: single } = JSON.parse(rendered.stdout);
|
|
assert.match(eager, /<img class="radius8" src="https:\/\/example\.test\/eager\.jpg"/);
|
|
assert.doesNotMatch(eager, /data-src=|lazyload/);
|
|
assert.match(single, /swiper-container-initialized/);
|
|
assert.doesNotMatch(single, /swiper-pagination|swiper-button-prev/);
|
|
});
|
|
|
|
test('header card background setting is editable, saved, and defaults off', () => {
|
|
const schema = fs.readFileSync(path.join(root, 'src/Admin/Schema/SchemaPageDisplay.php'), 'utf8');
|
|
const settings = fs.readFileSync(path.join(root, 'src/Settings/DisplayPageGroups.php'), 'utf8');
|
|
const metaBox = fs.readFileSync(path.join(root, 'src/Admin/PageConfigMetaBox.php'), 'utf8');
|
|
|
|
assert.match(schema, /field\('show_widget_bg', '模块背景', 'switcher', false/);
|
|
assert.match(schema, /'show_widget_bg'\s*=>\s*false/);
|
|
assert.match(settings, /'show_widget_bg'\s*=>\s*false/);
|
|
assert.match(metaBox, /'show_widget_bg'\s*=>\s*!empty\(\$value\['show_widget_bg'\]\)/);
|
|
assert.match(metaBox, /'show_widget_bg'\s*=>\s*false/);
|
|
});
|