kate522andClaude Opus 5
427968a721
The theme was renamed Zibll/子比 → AKSRT → Jio, but upstream branding survived the sweeps in CSS classes, the SVG sprite prefix, a persisted widget field ID, JS events, admin Vue class names, test infrastructure and docblocks. Renames: - zib-widget / zib-widget-wrap / zib-slider → jio-widget-box / jio-widget-box-wrap / jio-slider-box (jio-widget is taken by the modern widget shell, jio-box-* by the card primitives) - zib-partners-scroll + zps-* → jio-partners-scroll + jps-* - zib-combo-info-card + zci-* → jio-combo-info-card + jci-* - zibsvg- → jiosvg-, including the exported picker helpers and the fa-zibsvg- family-prefix guard - zibpay_type → pay_type; the dual-read fallback in PostQuery collapses to a single key - [zibajax="submit"] dropped (no PHP emitter); zib_ajax.success → jio_ajax.success - aks-* admin Vue classes → jio-* - zib_palette() → palette() User-facing vendor traces are gone: the floating "more" button default no longer ships a zibll.com link or 子比主题 marketing copy, the notice widget ships no preset promo entries, and the four 官网教程 links are removed from the post-list admin schema. Test infrastructure renamed to neutral names (docker-compose.reference.yml, Caddyfile, article-baseline.json, modern-widgets-contract.test.cjs) with their DB/volume/env/slug identifiers following. Kept intentionally, documented in tests/fixtures/README.md: the golden fixture reference fingerprint (a SHA-256 record of an external directory, read by validate-widget-golden / generate-widget-golden-fixture / audit-widget-system), the doesNotMatch guards that prove the old tokens are gone, and the reference theme's own meta key in the visual fixtures. No backward-compat or data migration: saved widget configs holding old icon keys or the old field ID silently lose them, per the project's rewrite-over-compatibility rule. Verified: 132/132 node contract tests, php tests/widget-system/run.php (146 assertions), audit-admin-contracts, audit-psr4-paths and validate-widget-golden all green; tracked bundles regenerated and in sync. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
101 lines
4.6 KiB
JavaScript
101 lines
4.6 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 root = path.resolve(__dirname, '..', '..')
|
|
const read = (file) => fs.readFileSync(path.join(root, file), 'utf8')
|
|
|
|
// Reference: .jb-yellow sets --this-bg-b: #f59f54 and
|
|
// --this-bg: linear-gradient(135deg, #f59f54 10%, #ff6922 100%). build/public.min.css
|
|
// is enqueued after main.min.css, so the legacy .jb-* compat layer in core/buttons.css
|
|
// overrides main.css there; the two must agree or every .jb-yellow surface (the
|
|
// user-card check-in badge first of all) paints the wrong gradient.
|
|
const referenceGradient = /--this-bg:\s*linear-gradient\(135deg,\s*#f59f54 10%,\s*#ff6922 100%\)/
|
|
const staleHexes = /#f99d4d|#f7631d/
|
|
|
|
test('buttons.css legacy .jb-yellow gradient matches the reference theme', () => {
|
|
const buttons = read('assets/css/core/buttons.css')
|
|
const start = buttons.indexOf('.jb-yellow {')
|
|
assert.notEqual(start, -1, 'missing the legacy .jb-yellow rule')
|
|
const block = buttons.slice(start, buttons.indexOf('}', start))
|
|
assert.match(block, referenceGradient)
|
|
assert.doesNotMatch(block, staleHexes)
|
|
})
|
|
|
|
test('the built public bundle carries the reference .jb-yellow gradient', () => {
|
|
const bundle = read('assets/css/build/public.min.css')
|
|
assert.match(
|
|
bundle,
|
|
/\.jb-yellow\{--this-bg: linear-gradient\(135deg, #f59f54 10%, #ff6922 100%\)\}/
|
|
)
|
|
assert.doesNotMatch(
|
|
bundle,
|
|
/\.jb-yellow\{--this-bg: linear-gradient\(135deg, #f99d4d 10%, #f7631d 100%\)\}/
|
|
)
|
|
})
|
|
|
|
test('main.css still owns the reference .jb-yellow gradient', () => {
|
|
const main = read('assets/css/main.css')
|
|
assert.match(main, referenceGradient)
|
|
assert.doesNotMatch(main, staleHexes)
|
|
})
|
|
|
|
test('the badge typography is pinned to the reference bootstrap body values', () => {
|
|
const main = read('assets/css/main.css')
|
|
const start = main.indexOf('.user-card .card-content .img-badge')
|
|
assert.notEqual(start, -1, 'missing the user-card img-badge adaptation rule')
|
|
const block = main.slice(start, main.indexOf('}', start))
|
|
assert.match(block, /line-height:\s*1\.42857143/)
|
|
// Reference body font stack (bootstrap.min.css; main.css does not
|
|
// override it), while Jio's reset imposes the modern --font-body stack.
|
|
assert.match(block, /font-family:\s*"Helvetica Neue", Helvetica, Arial, sans-serif/)
|
|
// The Jio html reset forces antialiased + optimizeLegibility; the badge
|
|
// restores the browser defaults the reference renders with.
|
|
assert.match(block, /-webkit-font-smoothing:\s*auto/)
|
|
assert.match(block, /text-rendering:\s*auto/)
|
|
|
|
const min = read('assets/css/main.min.css')
|
|
assert.match(
|
|
min,
|
|
/\.user-card \.card-content \.img-badge\{line-height:1\.42857143;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:auto;text-rendering:auto\}/
|
|
)
|
|
})
|
|
|
|
test('the sidebar widget link color does not recolor the check-in badge', () => {
|
|
// .widget a (sidebar.css, shipped in the homepage bundle) out-specifies the
|
|
// .jb-* color group, so the badge would paint --color-ink-2 instead of the
|
|
// white --this-color; the established .but restoration must cover img-badge.
|
|
const sidebar = read('assets/css/frontend/sidebar.css')
|
|
const start = sidebar.indexOf('.widget a.but')
|
|
assert.notEqual(start, -1, 'missing the .widget a color restoration')
|
|
const block = sidebar.slice(start, sidebar.indexOf('}', start))
|
|
assert.match(block, /\.widget a\.but,/)
|
|
assert.match(block, /\.widget a\.img-badge/)
|
|
assert.match(block, /color:\s*var\(--this-color/)
|
|
|
|
const bundle = read('assets/css/build/homepage.min.css')
|
|
assert.match(bundle, /\.widget a\.but,\.widget a\.img-badge\{color:var\(--this-color, #fff\)\}/)
|
|
})
|
|
|
|
test('the user-card check-in badge renders without the dead is-done class and bare span', () => {
|
|
const userbox = read('inc/helpers/jio-header-userbox.php')
|
|
const fnStart = userbox.indexOf('function jio_header_user_checkin_btn')
|
|
assert.notEqual(fnStart, -1, 'missing jio_header_user_checkin_btn')
|
|
const fnEnd = userbox.indexOf('if (!function_exists', fnStart)
|
|
assert.notEqual(fnEnd, -1)
|
|
const fn = userbox.slice(fnStart, fnEnd)
|
|
|
|
// Signed card badge: the badge class passes through untouched and the done
|
|
// label is bare text after the icon, matching the reference markup.
|
|
assert.match(fn, /jio_get_user_checkin_details_link\(\s*\$class,/)
|
|
assert.doesNotMatch(fn, /\$class \. ' is-done'/)
|
|
assert.doesNotMatch(fn, /'<span>'/)
|
|
|
|
// The idle badge keeps the data-signin-label hook the sign-in controller
|
|
// uses to swap labels in place.
|
|
assert.match(fn, /<span data-signin-label>/)
|
|
})
|