Octoturge
113 lines
4.3 KiB
TypeScript
113 lines
4.3 KiB
TypeScript
import { Window } from 'happy-dom';
|
|
import * as fs from 'fs';
|
|
import Handlebars from 'handlebars';
|
|
|
|
const window = new Window();
|
|
|
|
// Mock Handlebars helpers used in templates
|
|
Handlebars.registerHelper('eq', (a: any, b: any) => a === b);
|
|
Handlebars.registerHelper('gt', (a: number, b: number) => a > b);
|
|
Handlebars.registerHelper('lt', (a: number, b: number) => a < b);
|
|
Handlebars.registerHelper('or', (...args: any[]) => (args.slice(0, -1) as any[]).some(Boolean));
|
|
Handlebars.registerHelper('and', (...args: any[]) => (args.slice(0, -1) as any[]).every(Boolean));
|
|
Handlebars.registerHelper('concat', (...args: any[]) => (args.slice(0, -1) as string[]).join(''));
|
|
Handlebars.registerHelper('localize', (key: string) => `[localized:${key}]`);
|
|
|
|
// Register the actor effects partial as an empty template for testing
|
|
Handlebars.registerPartial('systems/hbm-rpg-v3/templates/actor/_actor-effects.hbs', '<fieldset class="mock-effects"></fieldset>');
|
|
|
|
function testRender(filePath: string) {
|
|
console.log(`\n--- Rendering Handlebars template: ${filePath} ---`);
|
|
const templateSource = fs.readFileSync(filePath, 'utf8');
|
|
const template = Handlebars.compile(templateSource);
|
|
|
|
// Mock context simulating what CharacterSheet / NpcSheet returns
|
|
const context = {
|
|
document: { name: 'Test Character', img: 'icons/svg/mystery-man.svg' },
|
|
system: {
|
|
details: { year: 1, race: 'czlowiek', discipline: 'alchemyTransmutation', customEquipment: 'Test gear' },
|
|
attributes: {
|
|
body: { value: 3 },
|
|
mind: { value: 3 },
|
|
soul: { value: 3 },
|
|
magic: { value: 1 },
|
|
health: { value: 10, max: 10 },
|
|
mana: { value: 10, max: 10, maxPerSpell: 3 },
|
|
zeal: { value: 0, max: 5 },
|
|
insanity: 0,
|
|
magicalArmor: { value: 0, max: 0, runicCounter: 0 },
|
|
magicalShield: { value: 0 },
|
|
physicalArmor: { value: 0, max: 5 },
|
|
initiative: 3,
|
|
},
|
|
skills: {
|
|
athletics: { value: 1 },
|
|
melee: { value: 2 },
|
|
},
|
|
combat: {
|
|
attacks: [
|
|
{ name: 'Miecz', bonus: 2, damage: '2d6', description: 'Zwykły miecz' }
|
|
],
|
|
specialAbilities: [],
|
|
reactions: [],
|
|
legendaryActions: []
|
|
},
|
|
lore: { description: 'Test lore description' }
|
|
},
|
|
races: [{ key: 'czlowiek', label: 'Człowiek' }],
|
|
disciplines: [{ key: 'alchemyTransmutation', label: 'Transmutacja' }],
|
|
attributes: [
|
|
{ key: 'body', value: 3, label: 'Budowa' },
|
|
{ key: 'mind', value: 3, label: 'Umysł' },
|
|
{ key: 'soul', value: 3, label: 'Dusza' },
|
|
{ key: 'magic', value: 1, label: 'Magia' }
|
|
],
|
|
skills: [
|
|
{ key: 'athletics', value: 1, label: 'Atletyka' },
|
|
{ key: 'melee', value: 2, label: 'Walka wręcz' }
|
|
],
|
|
tabGroups: { primary: 'stats' },
|
|
tabs: [
|
|
{ id: 'stats', label: 'Statystyki', active: true, cssClass: 'active' },
|
|
{ id: 'actions', label: 'Akcje', active: false, cssClass: '' },
|
|
{ id: 'skills', label: 'Umiejętności', active: false, cssClass: '' },
|
|
{ id: 'spells', label: 'Zaklęcia', active: false, cssClass: '' },
|
|
{ id: 'talents', label: 'Talenty', active: false, cssClass: '' },
|
|
{ id: 'inventory', label: 'Ekwipunek', active: false, cssClass: '' },
|
|
{ id: 'effects', label: 'Efekty', active: false, cssClass: '' },
|
|
{ id: 'biography', label: 'Biografia', active: false, cssClass: '' }
|
|
],
|
|
spells: [],
|
|
spellSchoolGroups: [],
|
|
hasBloodMagic: false,
|
|
elixirCap: 4,
|
|
gear: [],
|
|
abilities: [],
|
|
talents: [],
|
|
actorEffects: []
|
|
};
|
|
|
|
const renderedHtml = template(context);
|
|
|
|
const parser = new window.DOMParser();
|
|
const doc = parser.parseFromString(renderedHtml, 'text/html');
|
|
const body = doc.body;
|
|
|
|
const children = Array.from(body.childNodes).filter(node => {
|
|
// Filter out whitespace-only text nodes
|
|
if (node.nodeType === 3 && !node.textContent.trim()) return false;
|
|
return true;
|
|
});
|
|
|
|
console.log(`Rendered children count: ${children.length}`);
|
|
children.forEach((node, i) => {
|
|
console.log(`Child ${i}: type=${node.nodeType} (${node.nodeName}), textLength=${node.textContent.trim().length}`);
|
|
if (children.length > 1) {
|
|
console.log(`OuterHTML snippet:`, (node as any).outerHTML || node.textContent.slice(0, 100));
|
|
}
|
|
});
|
|
}
|
|
|
|
testRender('./templates/actor/character.hbs');
|
|
testRender('./templates/actor/npc.hbs');
|