'use strict';

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

const root = path.resolve(__dirname, '..', '..');
const read = (file) => fs.readFileSync(path.join(root, file), 'utf8');

test('comment order matches the reference newest and hottest behavior', () => {
  const php = read('inc/helpers/jio-comments.php');

  assert.match(php, /\$args\['order'\] = 'DESC';\s*\$args\['orderby'\] = 'comment_date_gmt';/);
  assert.match(php, /\$args\['jio_hottest_order'\] = true;/);
  assert.match(php, /CAST\(COALESCE\(jio_cm_hot\.meta_value, 0\) AS UNSIGNED\) DESC/);
  assert.match(php, /\$query->query_vars\['jio_hottest_order'\]/);
  assert.equal(php.includes("$args['order'] = 'ASC'"), false, 'the reference always orders newest comments first');
  assert.equal(php.includes("$order === 'oldest'"), false, 'the unsupported oldest tab must not remain in the UI query path');
  assert.equal(php.includes('jio_comments_apply_hottest_order'), false, 'unscoped global hot-order hook must be removed');
  assert.equal(php.includes('reverse_top_level'), false, 'DESC results must not be reversed a second time');
});

test('empty comment state uses the reference illustration and caption', () => {
  const php = read('inc/helpers/jio-comments.php');

  assert.match(php, /jio_get_null\(\$text, 40, 'comment-null\.svg', 'comment comment-null', 280\)/);
  assert.match(php, /\$text = __\('暂无评论内容', 'jio'\);/);
  assert.ok(fs.existsSync(path.join(root, 'assets/img/comment-null.svg')), 'the reference empty-state illustration must ship with the theme');
  assert.equal(php.includes('暂无作者评论'), false, 'empty filter state uses the reference caption');
});

test('the shared empty illustration stays centered after the block-level media reset', () => {
  assert.match(read('inc/helpers/jio-null.php'), /<img class="no-imgbox jio-null__img"/);
  for (const file of ['assets/css/frontend/empty-state.css', 'assets/css/build/public.css']) {
    const css = read(file);
    const rule = css.match(/\.jio-null\s*>\s*\.jio-null__img\s*\{([^}]+)\}/);
    assert.ok(rule, `${file} must provide the shared illustration alignment`);
    assert.match(rule[1], /display:\s*block;/);
    assert.match(rule[1], /margin-right:\s*auto;/);
    assert.match(rule[1], /margin-left:\s*auto;/);
    if (file === 'assets/css/frontend/empty-state.css') {
      assert.ok(css.indexOf(rule[0]) < css.indexOf('@media'), 'alignment must apply outside mobile-only rules');
    }
  }
});