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, '..', '..');
const read = (file) => fs.readFileSync(path.join(root, file), 'utf8');

test('modern widget schemas expose Zibll field names and defaults', () => {
  const source = read('src/WidgetSystem/WidgetSchemas.php');
  for (const field of ['mini_opt', 'paginate', 'tabs', "'id' => 'cat'", "'id' => 'topics'", 'layout_ratio', 'slide_scale', 'm_layout_type', 'm_cover_ratio', 'image_layer', 'image_select']) {
    assert.match(source, new RegExp(field.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));
  }
  assert.match(source, /'热门推荐'.*'orderby' => 'views'/s);
  assert.match(source, /'最近更新'.*'orderby' => 'modified'/s);
  assert.match(source, /'猜你喜欢'.*'orderby' => 'rand'/s);
});

test('tab and slider renderers retain reference DOM contracts', () => {
  const content = read('src/WidgetSystem/Renderers/ContentRenderer.php');
  const slider = read('src/WidgetSystem/Renderers/SliderRenderer.php');
  for (const token of ['widget-tab-post', 'posts-mini-lists', 'index-tab', 'tab-nav-theme', 'tab-pane fade', 'post_ajax_trigger', 'post_ajax_loader', 'widget-ajaxpager']) assert.match(content, new RegExp(token.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));
  for (const token of ['relative zib-slider', 'new-swiper slide-widget', 'swiper-wrapper', 'swiper-slide', 'slide-layer', 'data-swiper-parallax', 'swiper-button-prev', 'swiper-pagination', 'widget-slider-graphic', 'slider-col', 'cover-col', 'widget-graphic-cover']) assert.match(slider, new RegExp(token.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));
});

test('reference slider CSS includes responsive height and combo selectors', () => {
  const css = read('assets/widgets/frontend.css');
  for (const token of ['.new-swiper.slide-widget.scale-height', '--scale-height', '--pc-height', '--m-height', '.widget-slider-graphic', '.m-hide_slide', '.m-hide_cover', '--m-cover-ratio']) assert.match(css, new RegExp(token.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));
});

test('icon card widgets expose Zibll vertical and horizontal contracts', () => {
  const schemas = read('src/WidgetSystem/WidgetSchemas.php');
  const renderer = read('src/WidgetSystem/Renderers/GeneralRenderer.php');
  const helper = read('inc/helpers/aksrt-icon-cards.php');
  for (const token of ['show_widget_bg', "'id' => 'size'", 'icon_radius', 'icon_custom_color', "'id' => 'icon_radius4'", 'icon_background_palette', 'icon_text_palette']) {
    assert.match(schemas, new RegExp(token.replace(/[.*+?^${}()|[\\]\\]/g, '\\$&')));
  }
  for (const token of ['clearfix', 'row gutters-5', 'icon-card', 'icon-cover-card', 'icon-cover-icon', 'icon-cover-desc']) {
    assert.match(renderer + helper, new RegExp(token.replace(/[.*+?^${}()|[\\]\\]/g, '\\$&')));
  }
  assert.match(helper, /wp_kses_post\(\$title\)/);
  assert.match(helper, /wp_kses_post\(\$desc\)/);
});

test('button group uses the complete Zibll schema, DOM and responsive sizing contract', () => {
  const schema = read('src/WidgetSystem/WidgetSchemas.php');
  const renderer = read('src/WidgetSystem/Renderers/GeneralRenderer.php');
  const css = read('assets/widgets/frontend.css');
  for (const field of ['obs_animation', 'animation_repeat', 'pc_width', 'm_width', 'pc_padding', 'm_padding', 'pc_gap', 'm_gap', "'id' => 'align'", "'id' => 'radius'", "'id' => 'hollow'", 'go_link', 'icon_left', 'icon_right']) {
    assert.match(schema, new RegExp(field.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));
  }
  for (const token of ['widget-buttons mb20 pc-size-', 'm-size-', 'widget-buttons-wrap flex hh align-', 'class="ml6"', 'obs-animate ani-']) {
    assert.match(renderer, new RegExp(token.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));
  }
  assert.doesNotMatch(renderer, /aksrt-widget-buttons/);
  assert.match(schema, /'id' => 'text'[^\n]+allow_html/);
  assert.match(renderer, /wp_kses_post\(\(string\) \$item\['text'\]\)/);
  assert.match(css, /\.widget-buttons\.pc-size-large \.but\s*\{\s*padding:\s*12px 24px/);
  assert.match(css, /\.widget-buttons\.m-size-medium \.but\s*\{\s*padding:\s*8px 16px/);
});

test('vertical notice supports only custom and article sources with Zibll swiper sizing', () => {
  const schema = read('src/WidgetSystem/WidgetSchemas.php');
  const renderer = read('src/WidgetSystem/Renderers/GeneralRenderer.php');
  const postQuery = read('src/WidgetSystem/PostQuery.php');
  const form = read('src/WidgetSystem/FormRenderer.php');
  const controller = read('src/WidgetSystem/AdminFormController.php');
  const adminJs = read('assets/widgets/admin.js');
  const css = read('assets/widgets/frontend.css');
  for (const field of ["'id' => 'blank'", "'id' => 'radius'", "'id' => 'interval'", "'id' => 'color'", "'id' => 'source'", 'msg_icon', "'id' => 'count'", 'desc_s', 'posts_opts', 'img_ids']) {
    assert.match(schema, new RegExp(field.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));
  }
  assert.match(schema, /'options' => \['' => '自定义', 'posts' => '文章'\]/);
  assert.doesNotMatch(schema, /forums_opts|notice_forum_fields|zibpay_type|zibpay_price|zibpay_points_price|sales_volume/);
  assert.doesNotMatch(renderer, /zib_bbs_get_posts_query|forums_opts/);
  assert.doesNotMatch(postQuery, /zibpay_type|zibpay_price|zibpay_points_price|sales_volume/);
  assert.doesNotMatch(form + controller + adminJs, /aksrt_widget_remote_options|aksrt-widget-remote-select|aksrt-widget-remote-picker/);
  for (const token of ['swiper-bulletin mb20 ', 'notice-slide', 'new-swiper', 'data-direction="vertical"', 'data-loop="true"', 'data-autoplay="1"', 'bulletin-icon flex jc shrink0']) {
    assert.match(renderer, new RegExp(token.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')));
  }
  assert.doesNotMatch(renderer, /aksrt-widget-notice/);
  assert.match(schema, /'id' => 'title'[^\n]+allow_html/);
  assert.match(renderer, /wp_html_excerpt\([^\n]+160, '\.\.\.'/);
  assert.match(renderer, /str_starts_with\(\$icon, 'customsvg-'\)/);
  assert.match(css, /\.swiper-bulletin \.new-swiper\s*\{[^}]*height:\s*2\.4em/s);
  assert.match(css, /\.swiper-bulletin \.new-swiper\s*\{[^}]*line-height:\s*2\.4em/s);
  assert.match(css, /\.bulletin-icon\s*\{[^}]*width:\s*26px[^}]*height:\s*26px[^}]*font-size:\s*18px/s);
});

test('admin core supports composite dependencies and nested repeater renumbering', () => {
  const core = require(path.join(root, 'assets/widgets/admin-core.js'));
  assert.equal(core.dependencyVisible([['direction', '!=', 'vertical'], ['scale_height', '!=', '']], { direction: 'horizontal', scale_height: '1' }), true);
  assert.equal(core.dependencyVisible(['image|free_size', '!=|!=', '|'], { image: 'x', free_size: '1' }), true);
  assert.equal(core.replaceRepeaterIndexes('widget[3][0][1]', [4, 2]), 'widget[3][4][2]');
});