import assert from 'node:assert/strict'
import { readFileSync } from 'node:fs'

const settingsScript = readFileSync(new URL('../src/views/scripts/SettingsView.js', import.meta.url), 'utf8')
const settingsView = readFileSync(new URL('../src/views/SettingsView.vue', import.meta.url), 'utf8')
const settingsStyles = readFileSync(new URL('../src/assets/styles/views/settings-view.css', import.meta.url), 'utf8')

function testRenderingSectionUsesConciseToolbarTitle() {
  assert.match(settingsScript, /title:\s*'文件渲染'/)
  assert.doesNotMatch(settingsScript, /title:\s*'ONLYOFFICE 文件渲染配置'/)
}

function testRenderingCardRemovesDuplicatedDescription() {
  assert.match(settingsView, /<h4>ONLYOFFICE 服务配置<\/h4>/)
  assert.doesNotMatch(settingsView, /维护文件渲染开关、文档服务对外地址和 JWT 密钥。后端回调地址继续由部署配置管理。/)
}

function testRenderingSectionAddsSpacingBetweenSwitchAndInputs() {
  assert.match(settingsView, /<section class="settings-card rendering-settings-card">/)
  assert.match(settingsStyles, /\.rendering-settings-card \.switch-group \{\s*margin-bottom: 24px;\s*\}/)
}

function run() {
  testRenderingSectionUsesConciseToolbarTitle()
  testRenderingCardRemovesDuplicatedDescription()
  testRenderingSectionAddsSpacingBetweenSwitchAndInputs()
  console.log('settings rendering section tests passed')
}

run()