wordpress-theme-aksrt/tests/widget-system/user-assets-layout-contract.test.cjs

const test = require('node:test')
const assert = require('node:assert/strict')
const fs = require('node:fs')
const path = require('node:path')

const root = path.resolve(__dirname, '..', '..')

function read(relative) {
  return fs.readFileSync(path.join(root, relative), 'utf8')
}

test('dual asset cards use an independent equal-height grid row', () => {
  const css = read('assets/css/routes/user-center/credits.css')
  const profile = read('inc/helpers/user-center-renderers/profile-credits.php')

  assert.match(css, /\.uc-assets-row--dual\s*\{[\s\S]*?grid-template-columns:\s*repeat\(2,\s*minmax\(0,\s*1fr\)\);[\s\S]*?grid-template-rows:\s*auto;/)
  assert.match(css, /\.uc-assets-row\s*\{[\s\S]*?margin-bottom:\s*10px;/)
  assert.match(css, /\.uc-assets-row--dual\s*\{[\s\S]*?gap:\s*10px;/)
  assert.match(css, /\.uc-assets-row--dual\s*>\s*\.uc-assets-col\s*\{[\s\S]*?display:\s*contents;/)
  assert.match(css, /\.uc-assets-row--dual\s*>\s*\.uc-assets-col:first-child\s*>\s*\.uc-asset-card[\s\S]*?grid-column:\s*1;/)
  assert.match(css, /\.uc-assets-row--dual\s*>\s*\.uc-assets-col:last-child\s*>\s*\.uc-asset-card[\s\S]*?grid-column:\s*2;/)
  assert.match(css, /\.uc-assets-row--dual\s*>\s*\.uc-assets-col\s*>\s*\.uc-asset-card\s*\{[\s\S]*?grid-row:\s*1;/)
  // 内联 uc-card-pass 块已删除：双卡网格不再为它预留第二行（弹窗子元素样式除外）。
  assert.doesNotMatch(css, /\.uc-card-pass(?:[\s:{])/)
  assert.match(css, /\.uc-asset-card\s*\{[\s\S]*?display:\s*flex;[\s\S]*?flex-direction:\s*column;/)
  assert.match(css, /\.uc-asset-card__link\s*\{[\s\S]*?margin-top:\s*auto;/)
  assert.match(css, /\.uc-asset-card__foot\s*\{[\s\S]*?margin-top:\s*auto;/)
  assert.match(profile, /<div class="uc-assets-col">[\s\S]*?credits-wallet\.php[\s\S]*?<\/div>/)
  assert.match(profile, /<div class="uc-assets-col">[\s\S]*?credits-balance\.php[\s\S]*?<\/div>/)
})

test('dual asset layout returns to a single-column flex flow on mobile', () => {
  const css = read('assets/css/routes/user-center/credits.css')
  const mobile = css.match(/@media \(max-width: 767px\) \{([\s\S]*?)\n\}/)

  assert.ok(mobile, 'credits CSS must define a mobile breakpoint')
  assert.match(mobile[1], /grid-template-columns:\s*1fr;/)
  assert.match(mobile[1], /grid-template-rows:\s*none;/)
  assert.match(mobile[1], /\.uc-assets-row--dual\s*>\s*\.uc-assets-col\s*\{[\s\S]*?display:\s*flex;/)
  assert.match(mobile[1], /grid-column:\s*auto;/)
  assert.match(mobile[1], /grid-row:\s*auto;/)
  assert.match(mobile[1], /\.uc-asset-card__body\s*\{[\s\S]*?flex-direction:\s*column;/)
})

test('asset card amounts stay on one line and actions wrap below as a whole', () => {
  const css = read('assets/css/routes/user-center/credits.css')

  assert.match(css, /\.uc-assets-row\s*\{[\s\S]*?grid-template-columns:\s*minmax\(0,\s*1fr\);/)
  assert.match(css, /\.uc-asset-card\s*\{[\s\S]*?min-width:\s*0;/)
  assert.match(css, /\.uc-asset-card__body\s*\{[\s\S]*?flex-wrap:\s*wrap;/)
  assert.match(css, /\.uc-asset-card__amount\s*\{[\s\S]*?white-space:\s*nowrap;[\s\S]*?font-variant-numeric:\s*tabular-nums;[\s\S]*?text-overflow:\s*ellipsis;/)
})

test('asset card amounts expose the full value via title tooltips', () => {
  const wallet = read('inc/helpers/user-center-renderers/credits-wallet.php')
  const balance = read('inc/helpers/user-center-renderers/credits-balance.php')
  const amount = read('src/Ledger/AssetAmount.php')

  assert.match(wallet, /data-jio-wallet-value[^>]*title="/)
  assert.match(balance, /data-jio-points-value[^>]*data-credits-value[^>]*title="/)
  assert.match(amount, /number_format_i18n\(intdiv\(\$this->minor, 100\)\)/)
  assert.doesNotMatch(wallet, /\$mark === '元' \? '￥'/)
})

test('removed asset card selectors do not return in loaded user-center styles', () => {
  const cssFiles = [
    'assets/css/routes/user-center/credits.css',
    'assets/css/routes/user-center/responsive.css',
    'assets/css/frontend/credits.css',
  ]
  const source = cssFiles.map(read).join('\n')

  assert.doesNotMatch(source, /\.uc-balance-card(?:[\s:{]|__)/)
  assert.doesNotMatch(source, /\.credits-card(?:[\s:{]|__)/)
  assert.doesNotMatch(source, /\.uc-assets-row\.uc-asset-card\.jio-panel/)
  assert.doesNotMatch(source, /\.uc-asset-tabs\.jio-panel/)
  assert.doesNotMatch(source, /\.uc-asset-card__foot\s+button/)
  assert.doesNotMatch(source, /\.uc-card-pass(?:[\s:{])/)
})