67 lines
4.2 KiB
JavaScript
67 lines
4.2 KiB
JavaScript
'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="aksrt-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="aksrt-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/);
|
|
});
|