wordpress-theme-aksrt/tests/widget-system/post-thumbnail-reference.test.cjs

'use strict';

const assert = require('node:assert/strict');
const fs = require('node:fs');
const path = require('node:path');
const { spawnSync } = require('node:child_process');
const test = require('node:test');
const root = path.resolve(__dirname, '../..');
const result = spawnSync(process.env.PHP_BINARY || 'php', [path.join(__dirname, 'post-thumbnail-render-harness.php')], { cwd: root, encoding: 'utf8' });
assert.equal(result.status, 0, result.stderr || result.stdout);
const rendered = JSON.parse(result.stdout);

test('configured thumbnail ratios override body defaults for both list and card covers', () => {
  const main = fs.readFileSync(path.join(root, 'assets/css/main.css'), 'utf8');
  assert.match(main, /^body\s*\{[^}]*--posts-card-scale:\s*70%;[^}]*--posts-list-scale:\s*70%;/s);
  for (const [scenario, list, card] of [['defaults', 70, 70], ['custom', 100, 56], ['bounds', 50, 200]]) {
    const html = rendered.styles[scenario];
    const body = html.match(/<style id="jio-theme-color">body\{([^}]+)\}/)[1];
    assert.match(body, new RegExp(`--posts-list-scale:${list}%;`));
    assert.match(body, new RegExp(`--posts-card-scale:${card}%;`));
    const rootVariables = html.match(/<style id="jio-runtime-vars">:root\{([^}]+)\}/)[1];
    assert.doesNotMatch(rootVariables, /--posts-(list|card)-scale/);
    assert.equal((html.match(/--posts-list-scale:/g) || []).length, 1);
    assert.equal((html.match(/--posts-card-scale:/g) || []).length, 1);
  }
});

test('featured attachments use the configured image size and missing attachments fall through in reference order', () => {
  assert.equal(rendered.featured.primary, 'https://example.test/featured-large.jpg');
  assert.equal(rendered.external.primary, 'https://example.test/external.jpg');
  assert.equal(rendered.content.primary, 'https://example.test/content.jpg');
  assert.equal(rendered.spare.primary, 'https://example.test/spare.jpg');
  assert.equal(rendered.featured.has_real, true);
  assert.equal(rendered.external.has_real, true);
  assert.equal(rendered.content.has_real, true);
  assert.equal(rendered.spare.has_real, false);
  assert.deepEqual(rendered.slides, ['https://example.test/featured-medium.jpg']);
});

test('cover and contain images preserve the reference image and gradient wrappers', () => {
  assert.match(rendered.cover, /^<div class="item-thumbnail"><a[^>]+><img class="fit-cover radius8"/);
  assert.doesNotMatch(rendered.cover, /contain|gradient-bg/);
  assert.match(rendered.contain, /^<div class="item-thumbnail contain gradient-bg" data-opacity="0\.2">/);
  assert.match(rendered.contain, /src="https:\/\/example\.test\/featured-large\.jpg"/);
});

test('one featured slide stays static and multiple slides retain every image with the reference interval', () => {
  assert.match(rendered.single, /new-swiper item-thumbnail swiper-container-initialized/);
  assert.doesNotMatch(rendered.single, /swiper-pagination|swiper-button/);
  assert.match(rendered.single, /class="lazyload radius8 swiper-lazy"/);
  assert.match(rendered.single, /data-src="https:\/\/example.test\/slide.jpg"/);
  assert.equal((rendered.multiple.match(/class="swiper-slide gradient-bg"/g) || []).length, 12);
  assert.match(rendered.multiple, /data-interval="4000"/);
  assert.match(rendered.multiple, /class="swiper-pagination kaoyou"/);
  assert.doesNotMatch(rendered.multiple, /swiper-container-initialized/);
});

test('video thumbnails have one runtime player owner and retain the featured image before playback', () => {
  assert.match(rendered.video, /class="video-thumb-box" video-url="https:\/\/example.test\/movie.mp4" data-volume="none"/);
  assert.match(rendered.video, /class="img-thumb"><img[^>]+featured-large.jpg/);
  assert.match(rendered.video, /<div class="video-thumb"><\/div>/);
  assert.doesNotMatch(rendered.video, /<video\b|data-post-thumb-video|class="dplayer/);
  assert.doesNotMatch(fs.readFileSync(path.join(root, 'assets/js/core/misc.js'), 'utf8'), /initPostThumbMedia|data-post-thumb-video/);
  assert.doesNotMatch(fs.readFileSync(path.join(root, 'assets/css/frontend/post-card.css'), 'utf8'), /\.posts-item\.thumb-dplayer-playing|\.dplayer\.dplayer-thumb\s*\{/);
  assert.match(fs.readFileSync(path.join(root, 'assets/js/runtime/main.js'), 'utf8'), /thumb_dplayer\(_wid > 640[^\n]+video-thumb-box/);
});