'); }
+ function wp_kses($value, array $allowed): string { unset($allowed); return (string) $value; }
+ function wp_parse_args($args, array $defaults = []): array { return array_merge($defaults, is_array($args) ? $args : []); }
+ function sanitize_key($value): string { return preg_replace('/[^a-z0-9_-]/', '', strtolower((string) $value)) ?? ''; }
+ function sanitize_html_class($value): string { return preg_replace('/[^A-Za-z0-9_-]/', '', (string) $value) ?? ''; }
+ function sanitize_text_field($value): string { return trim(strip_tags((string) $value)); }
+ function sanitize_textarea_field($value): string { return trim(strip_tags((string) $value)); }
+ function absint($value): int { return abs((int) $value); }
+ function wp_strip_all_tags($value): string { return trim(strip_tags((string) $value)); }
+ function wp_trim_words($value, int $num_words = 55, string $more = '...'): string { return implode(' ', array_slice(preg_split('/\s+/', trim((string) $value)) ?: [], 0, $num_words)) . $more; }
+ function wp_is_mobile(): bool { return (bool) $GLOBALS['tab_fixture_mobile']; }
+ function aksrt_is_show_sidebar(): bool { return true; }
+ function is_category(): bool { return false; }
+ function is_search(): bool { return false; }
+ function is_home(): bool { return false; }
+ function is_front_page(): bool { return false; }
+ function is_author(): bool { return true; }
+ function is_tag(): bool { return false; }
+ function get_the_ID(): int { return (int) ($GLOBALS['tab_fixture_current_post']->ID ?? 0); }
+ function strip_shortcodes(string $value): string { return $value; }
+ function get_the_category(int $id = 0): array { unset($id); return []; }
+ function get_the_tags(int $id = 0): array { unset($id); return []; }
+ function get_the_excerpt(int $id = 0): string { unset($id); return '首页通用文章列表的长摘要，这里只用于卡片和列表样式的内容渲染'; }
+ function get_post_field(string $field, int $id = 0, string $context = 'display'): string {
+ unset($id, $context);
+ if ($field === 'post_author') return '5';
+ if ($field === 'post_content') return '
';
+ return 'article body';
+ }
+ function get_userdata(int $id): WP_User { return new WP_User($id); }
+ function get_avatar_url(int $id, array $args = []): string { unset($args); return 'https://example.test/avatar/' . $id . '.png'; }
+ function aksrt_get_avatar_box($subject, string $class = 'avatar-img', bool $link = true, bool $vip = true): string {
+ $user_id = is_numeric($subject) ? (int) $subject : 0;
+ $GLOBALS['tab_fixture_avatar_calls'][] = ['user_id' => $user_id, 'class' => $class, 'link' => $link, 'vip' => $vip];
+ $inner = '
';
+ return $link && $user_id > 0 ? '' . $inner . '' : $inner;
+ }
+ function get_the_time(string $format = '', $post = null): string { unset($post); return $format === 'U' ? '1000' : '2026-01-01 00:00:00'; }
+ function get_the_modified_time(string $format = '', $post = null): string { unset($post); return $format === 'U' ? '2000' : '2026-02-01 00:00:00'; }
+ function current_time(string $type): int { unset($type); return 3000; }
+ function human_time_diff(int $from, int $to): string { unset($to); return $from === strtotime('2026-01-01 00:00:00') ? '发布' : '修改'; }
+ function get_permalink(int $id = 0): string { return 'https://example.test/post/' . $id; }
+ function get_the_title(int $id = 0): string { return '真实文章 ' . $id; }
+ function get_post_thumbnail_id(int $id = 0): int { return $id; }
+ function get_post_meta(int $id, string $key = '', bool $single = false) { unset($id, $key, $single); return []; }
+ function wp_get_attachment_image_url(int $id, string $size = 'medium'): string { unset($size); return 'https://example.test/image/' . $id . '.jpg'; }
+ function attachment_url_to_postid(string $url): int { unset($url); return 0; }
+ function get_post_format(int $id = 0): string|false { unset($id); return false; }
+ function has_post_format($format, int $id = 0): bool { unset($format, $id); return false; }
+ function get_comments_number(int $id = 0): int { return $id; }
+ function comments_open(int $id = 0): bool { unset($id); return true; }
+ function get_comments_link(int $id = 0): string { return 'https://example.test/post/' . $id . '#comments'; }
+ function get_post_type(int $id = 0): string { unset($id); return 'post'; }
+ function is_sticky(int $id = 0): bool { unset($id); return false; }
+ function aksrt_resource_card_badge_text(int $id): string { unset($id); return ''; }
+ function aksrt_get_pay_meta($post = null): array { unset($post); return ['pay_type' => 'no']; }
+ function aksrt_get_post_views(int $id): int { return $id * 10; }
+ function aksrt_get_post_likes(int $id): int { return $id * 2; }
+ function aksrt_format_number(int $number): string { return (string) $number; }
+ function aksrt_get_lazy_thumb(string $size = ''): string { unset($size); return 'https://example.test/placeholder.jpg'; }
+ function aksrt_get_lazy_attr(string $key, string $url, string $class = '', string $lazy = ''): string { unset($key, $lazy); return ' class="' . esc_attr($class) . '" src="' . esc_url($url) . '"'; }
+ function aksrt_icon_markup(string $key): string { return ''; }
+ function wp_reset_postdata(): void { $GLOBALS['tab_fixture_current_post'] = null; $GLOBALS['post'] = null; }
+ function aksrt_widget_ajax_null(string $message = ''): string { return '' . esc_html($message) . '
'; }
+ function aksrt_render_placeholder(string $style, int $count): string { return ''; }
+ function get_template_directory(): string { return dirname(__DIR__, 2); }
+ function get_template_directory_uri(): string { return 'https://example.test/theme'; }
+ function rest_url(string $path): string { return 'https://example.test/wp-json/' . $path; }
+ function wp_register_style(string $handle, string $src = '', array $deps = [], $version = false): bool { return true; }
+ function wp_register_script(string $handle, string $src = '', array $deps = [], $version = false, $in_footer = false): bool { return true; }
+ function wp_enqueue_style(string $handle): void {}
+ function wp_enqueue_script(string $handle): void {}
+ function wp_add_inline_script(string $handle, string $data, string $position = 'after'): void {}
+ function wp_json_encode($value): string { return json_encode($value, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_THROW_ON_ERROR); }
+
+ require dirname(__DIR__, 2) . '/vendor/autoload.php';
+ require dirname(__DIR__, 2) . '/inc/helpers/posts-renderer/config.php';
+ require dirname(__DIR__, 2) . '/inc/helpers/posts-renderer/post-data.php';
+ require dirname(__DIR__, 2) . '/inc/helpers/posts-renderer/markup.php';
+
+ $GLOBALS['tab_fixture_global_style'] = ['list_type' => 'card', 'list_show_type' => 'no_margin', 'list_list_option' => ['style' => 'style2'], 'list_card_option' => ['style' => 'style3'], 'list_orderby' => 'date', 'post_time_source' => 'modified', 'post_list_author' => true, 'post_list_time' => true];
+ $tabs = [
+ ['title' => '热门', 'cat' => '7', 'orderby' => 'date'],
+ ['title' => '', 'cat' => '7'],
+ ['title' => '最近', 'cat' => '8', 'orderby' => 'modified'],
+ ];
+ $cases = [];
+ $list_instance = [];
+ foreach (['default', 'invalid', 'mini', 'list', 'card'] as $name) {
+ $GLOBALS['tab_fixture_global_style']['list_type'] = $name === 'list' ? 'text' : 'card';
+ $instance = ['count' => 4, 'paginate' => 'number', 'mini_opt' => [], 'tabs' => $tabs];
+ if ($name === 'mini' || $name === 'list' || $name === 'card') $instance['style'] = $name;
+ if ($name === 'invalid') $instance['style'] = 'unknown';
+ if ($name === 'default' || $name === 'invalid') {
+ $cases['raw_' . $name] = [
+ 'tab_markup' => \AKSRT\WidgetSystem\Renderers\ContentRenderer::render('tab_posts', $instance, ['widget_id' => 'aksrt_widget_tab_posts-4']),
+ 'first' => \AKSRT\WidgetSystem\PostRenderer::payload($instance, 'tab_posts', 1, '0')['html'],
+ ];
+ }
+ $instance = \AKSRT\WidgetSystem\FieldSchema::normalize(\AKSRT\WidgetSystem\WidgetSchemas::for('tab_posts'), $instance);
+ if ($name === 'list') $list_instance = $instance;
+ $avatar_start = count($GLOBALS['tab_fixture_avatar_calls']);
+ $first_page = \AKSRT\WidgetSystem\PostRenderer::payload($instance, 'tab_posts', 1, '0');
+ $second_page = \AKSRT\WidgetSystem\PostRenderer::payload($instance, 'tab_posts', 2, '0');
+ $cases[$name] = [
+ 'instance_style' => $instance['style'],
+ 'tab_markup' => \AKSRT\WidgetSystem\Renderers\ContentRenderer::render('tab_posts', $instance, ['widget_id' => 'aksrt_widget_tab_posts-4']),
+ 'first' => $first_page['html'],
+ 'second' => $second_page['html'],
+ 'pagination' => $first_page['paginate_html'],
+ 'last_pagination' => \AKSRT\WidgetSystem\PostRenderer::payload($instance, 'tab_posts', 9, '0')['paginate_html'],
+ 'avatar_calls' => array_slice($GLOBALS['tab_fixture_avatar_calls'], $avatar_start),
+ ];
+ }
+ $mini_instance = ['style' => 'mini', 'mini_opt' => ['show_thumb', 'show_number', 'show_meta'], 'count' => 4, 'paginate' => '', 'tabs' => $tabs];
+ $mini_instance = \AKSRT\WidgetSystem\FieldSchema::normalize(\AKSRT\WidgetSystem\WidgetSchemas::for('tab_posts'), $mini_instance);
+ $avatar_start = count($GLOBALS['tab_fixture_avatar_calls']);
+ $mini_first = \AKSRT\WidgetSystem\PostRenderer::payload($mini_instance, 'tab_posts', 1, '0')['html'];
+ $mini_second = \AKSRT\WidgetSystem\PostRenderer::payload($mini_instance, 'tab_posts', 2, '0')['html'];
+ $cases['mini_all_options'] = [
+ 'first' => $mini_first,
+ 'second' => $mini_second,
+ 'avatar_calls' => array_slice($GLOBALS['tab_fixture_avatar_calls'], $avatar_start),
+ ];
+ $GLOBALS['tab_fixture_global_style']['post_list_author'] = false;
+ $mini_time_instance = ['style' => 'mini', 'mini_opt' => ['show_meta'], 'count' => 4, 'paginate' => '', 'tabs' => $tabs];
+ $mini_time_instance = \AKSRT\WidgetSystem\FieldSchema::normalize(\AKSRT\WidgetSystem\WidgetSchemas::for('tab_posts'), $mini_time_instance);
+ $cases['mini_time_source'] = ['html' => \AKSRT\WidgetSystem\PostRenderer::payload($mini_time_instance, 'tab_posts', 1, '0')['html']];
+ $GLOBALS['tab_fixture_global_style']['post_list_author'] = true;
+ $ajax_instance = $instance;
+ $ajax_instance['style'] = 'mini';
+ $ajax_instance['paginate'] = 'ajax';
+ $ajax_instance = \AKSRT\WidgetSystem\FieldSchema::normalize(\AKSRT\WidgetSystem\WidgetSchemas::for('tab_posts'), $ajax_instance);
+ $cases['ajax_pagination'] = [
+ 'first' => \AKSRT\WidgetSystem\PostRenderer::payload($ajax_instance, 'tab_posts', 1, '0')['paginate_html'],
+ 'last' => \AKSRT\WidgetSystem\PostRenderer::payload($ajax_instance, 'tab_posts', 9, '0')['paginate_html'],
+ ];
+ $GLOBALS['tab_fixture_mobile'] = true;
+ $cases['mobile_pagination'] = [
+ 'middle' => \AKSRT\WidgetSystem\PostRenderer::payload($list_instance, 'tab_posts', 5, '0')['paginate_html'],
+ 'last' => \AKSRT\WidgetSystem\PostRenderer::payload($list_instance, 'tab_posts', 9, '0')['paginate_html'],
+ ];
+ $GLOBALS['tab_fixture_mobile'] = false;
+ $cases['context_margins'] = [
+ 'implicit' => \aksrt_renderer_config(['type' => 'list'])['no_margin'],
+ 'explicit_false' => \aksrt_renderer_config(['type' => 'list', 'no_margin' => false])['no_margin'],
+ ];
+ $definition = \AKSRT\WidgetSystem\WidgetRegistry::get('tab_posts');
+ $widget = new \AKSRT\WidgetSystem\SchemaWidget($definition);
+ $widget->id = 'aksrt_widget_tab_posts-4';
+ $wrapper_instance = \AKSRT\WidgetSystem\FieldSchema::normalize($definition->fields(), [
+ 'title' => '参考标题',
+ 'layout_pin_pc' => ['top' => 8, 'right' => 6, 'bottom' => 18, 'left' => 4],
+ 'layout_pin_m' => ['top' => 3, 'right' => 2, 'bottom' => 10, 'left' => 2],
+ 'layout_bg' => [
+ 'light' => ['color' => '#ffffff', 'image' => 'https://example.test/light.jpg'],
+ 'dark' => ['color' => '#111111', 'image' => 'https://example.test/dark.jpg'],
+ ],
+ 'tabs' => $tabs,
+ ]);
+ ob_start();
+ \AKSRT\WidgetSystem\FrontendRenderer::render($definition, ['before_widget' => ''], $wrapper_instance, $widget);
+ $cases['frontend_wrapper'] = (string) ob_get_clean();
+ echo json_encode(['cases' => $cases], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_THROW_ON_ERROR);
+}
diff --git a/tests/widget-system/tab-posts-runtime.test.cjs b/tests/widget-system/tab-posts-runtime.test.cjs
new file mode 100644
index 00000000..996f852e
--- /dev/null
+++ b/tests/widget-system/tab-posts-runtime.test.cjs
@@ -0,0 +1,530 @@
+'use strict';
+
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const vm = require('node:vm');
+const test = require('node:test');
+
+const root = path.resolve(__dirname, '..', '..');
+
+class MiniElement {
+ constructor(tagName = 'div') {
+ this.tagName = String(tagName).toUpperCase();
+ this.parentNode = null;
+ this.children = [];
+ this.attributes = {};
+ this.dataset = {};
+ this.listeners = {};
+ this.offsetLeft = 0;
+ this.offsetWidth = 0;
+ this.scrollWidth = 0;
+ this.clientWidth = 0;
+ this.scrollLeft = 0;
+ this.rectLeft = 0;
+ this.rectWidth = 0;
+ this.scrollCalls = [];
+ this._text = '';
+ this._classes = new Set();
+ this.classList = {
+ add: (...tokens) => tokens.forEach((token) => this._classes.add(token)),
+ remove: (...tokens) => tokens.forEach((token) => this._classes.delete(token)),
+ contains: (token) => this._classes.has(token),
+ toggle: (token, force) => {
+ const shouldAdd = force === undefined ? !this._classes.has(token) : Boolean(force);
+ if (shouldAdd) this._classes.add(token);
+ else this._classes.delete(token);
+ return shouldAdd;
+ },
+ };
+ }
+
+ get className() { return Array.from(this._classes).join(' '); }
+ set className(value) { this._classes = new Set(String(value || '').split(/\s+/).filter(Boolean)); }
+ get id() { return this.getAttribute('id') || ''; }
+ set id(value) { this.setAttribute('id', value); }
+ get max() { return this.getAttribute('max') || ''; }
+ set max(value) { this.setAttribute('max', value); }
+ get value() { return this._value || ''; }
+ set value(value) { this._value = String(value); }
+ get parentElement() { return this.parentNode && this.parentNode.tagName !== '#DOCUMENT' ? this.parentNode : null; }
+ get firstChild() { return this.children[0] || null; }
+ get textContent() { return this._text + this.children.map((child) => child.textContent).join(''); }
+ set textContent(value) { this._text = String(value); this.replaceChildren(); }
+ get innerHTML() { return this.children.map((child) => child.outerHTML || child.textContent).join(''); }
+ set innerHTML(markup) {
+ this.replaceChildren();
+ parseMarkup(String(markup || ''), this);
+ }
+
+ setAttribute(name, value) {
+ const text = String(value);
+ this.attributes[name] = text;
+ if (name === 'class') this.className = text;
+ if (name.startsWith('data-')) this.dataset[toDatasetKey(name.slice(5))] = text;
+ }
+
+ getAttribute(name) { return Object.hasOwn(this.attributes, name) ? this.attributes[name] : null; }
+ hasAttribute(name) { return Object.hasOwn(this.attributes, name); }
+
+ appendChild(child) {
+ if (child.parentNode) child.remove();
+ child.parentNode = this;
+ this.children.push(child);
+ return child;
+ }
+
+ insertBefore(child, anchor) {
+ if (!anchor || anchor.parentNode !== this) return this.appendChild(child);
+ if (child.parentNode) child.remove();
+ child.parentNode = this;
+ this.children.splice(this.children.indexOf(anchor), 0, child);
+ return child;
+ }
+
+ replaceChildren(...nodes) {
+ this.children.forEach((child) => { child.parentNode = null; });
+ this.children = [];
+ nodes.forEach((node) => this.appendChild(node));
+ }
+
+ remove() {
+ if (!this.parentNode) return;
+ const siblings = this.parentNode.children;
+ const index = siblings.indexOf(this);
+ if (index !== -1) siblings.splice(index, 1);
+ this.parentNode = null;
+ }
+
+ addEventListener(type, callback) {
+ (this.listeners[type] ||= []).push(callback);
+ }
+
+ dispatch(type, properties = {}) {
+ const event = {
+ type,
+ target: this,
+ defaultPrevented: false,
+ preventDefault() { this.defaultPrevented = true; },
+ stopPropagation() { this.propagationStopped = true; },
+ ...properties,
+ };
+ let node = this;
+ while (node) {
+ for (const listener of node.listeners[type] || []) listener(event);
+ if (event.propagationStopped) break;
+ node = node.parentNode;
+ }
+ return event;
+ }
+
+ click() { return this.dispatch('click'); }
+ focus() { this.ownerDocument.activeElement = this; }
+
+ closest(selector) {
+ for (let node = this; node; node = node.parentNode) {
+ if (matchesCompound(node, selector)) return node;
+ }
+ return null;
+ }
+
+ matches(selector) { return matchesCompound(this, selector); }
+
+ querySelectorAll(selector) {
+ const directOnly = selector.startsWith(':scope > ');
+ const query = directOnly ? selector.slice(9) : selector;
+ const nodes = directOnly ? this.children.slice() : descendants(this);
+ return nodes.filter((node) => matchesSelector(node, query));
+ }
+
+ querySelector(selector) { return this.querySelectorAll(selector)[0] || null; }
+
+ insertAdjacentHTML(position, markup) {
+ const fragment = this.ownerDocument.createElement('div');
+ fragment.innerHTML = markup;
+ const nodes = fragment.children.slice();
+ if (position === 'afterbegin') nodes.reverse().forEach((node) => this.insertBefore(node, this.firstChild));
+ else if (position === 'beforebegin' && this.parentNode) nodes.forEach((node) => this.parentNode.insertBefore(node, this));
+ else nodes.forEach((node) => this.appendChild(node));
+ }
+
+ scrollTo(options) { this.scrollCalls.push(options); }
+ getBoundingClientRect() { return { left: this.rectLeft, width: this.rectWidth || this.offsetWidth }; }
+}
+
+class MiniDocument extends MiniElement {
+ constructor() {
+ super('#document');
+ this.ownerDocument = this;
+ this.readyState = 'complete';
+ this.body = this.createElement('body');
+ this.appendChild(this.body);
+ this.activeElement = null;
+ }
+
+ createElement(tagName) {
+ const element = new MiniElement(tagName);
+ element.ownerDocument = this;
+ return element;
+ }
+}
+
+function toDatasetKey(value) { return value.replace(/-([a-z])/g, (_match, letter) => letter.toUpperCase()); }
+
+function descendants(node) {
+ return node.children.flatMap((child) => [child, ...descendants(child)]);
+}
+
+function matchesCompound(node, selector) {
+ if (!selector || selector === '*') return true;
+ const tag = selector.match(/^[a-z][a-z0-9-]*/i);
+ if (tag && node.tagName.toLowerCase() !== tag[0].toLowerCase()) return false;
+ const id = selector.match(/#([a-zA-Z_][\w-]*)/);
+ if (id && node.getAttribute('id') !== id[1]) return false;
+ for (const [, className] of selector.matchAll(/\.([a-zA-Z_][\w-]*)/g)) {
+ if (!node.classList.contains(className)) return false;
+ }
+ for (const [, name, expected] of selector.matchAll(/\[([\w-]+)(?:=["']?([^\]"']+)["']?)?\]/g)) {
+ if (!node.hasAttribute(name)) return false;
+ if (expected !== undefined && node.getAttribute(name) !== expected) return false;
+ }
+ return true;
+}
+
+function matchesSelector(node, selector) {
+ const tokens = selector.replace(/>/g, ' > ').trim().split(/\s+/);
+ let cursor = node;
+ if (!matchesCompound(cursor, tokens.pop())) return false;
+ while (tokens.length) {
+ const combinator = tokens.pop();
+ const previous = tokens.pop();
+ if (combinator === '>') {
+ cursor = cursor.parentNode;
+ if (!cursor || !matchesCompound(cursor, previous)) return false;
+ } else {
+ cursor = cursor.parentNode;
+ while (cursor && !matchesCompound(cursor, previous)) cursor = cursor.parentNode;
+ if (!cursor) return false;
+ }
+ }
+ return true;
+}
+
+function parseMarkup(markup, parent) {
+ const tokens = markup.match(/|<[^>]+>|[^<]+/g) || [];
+ const stack = [parent];
+ const voidTags = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr']);
+ for (const token of tokens) {
+ if (token.startsWith('