Files
Aislo/resources/tester/helper_224_1_picker_top_table.cjs
T
eomsangdonandClaude Opus 5.5 190066ca86 feat(b05,b06): 구조물조합 이름 칸 누르면 고르기 · 「구조물 조합 선택」 모달 위 표 ↔ 나무 ↔ 카드 · 층 단추 = 그 층 표 (280)
- 280-1 이름 칸 = 고르기(누름 · Enter · Space · 손 커서 · 풍선 · 초점 테두리) · [선택] 단추 지움 · [해제] 그대로 · 본체 · 그룹 · 명세 잇기 같은 줄 부품
- 280-2 모달 제목 「구조물 조합 선택」 · 위 표 열 고름 → 나무 펼쳐 고름 · 카드 · 층 단추 → 위 표 = 그 층 표 · B08 연결 같은 모달
- 280-3 M02 구조물 조합 = 따로 짠 길로 두 고리 정상 · 고침 없음
- 시험 test_280_1_combo_label_pick 새로 · test_224_1 · test_b05_structures_form_summary 새 꼴에 맞춤

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VmC34fsxxbweEG3RUjs3Mn
2026-10-12 19:14:50 +09:00

192 lines
6.9 KiB
JavaScript

/* 고르기 모달 상단 표(224-1) 시험 헬퍼 — `ui_template_item_picker_table.ts` 를 트랜스파일해
* 표 부품 · 집계표 모듈 · 서버 읽기를 대역으로 갈아 끼우고 돌려 부름 기록을 JSON 한 벌로 냄.
* 동적 `import()` 도 CommonJS 변환에서 같은 `require` 길을 타 대역이 먹음.
* ⚠ 확장자가 `.cjs` 인 까닭은 `helper_b05_curve_radius_floor.cjs` 머리와 같다.
*/
const fs = require("fs");
const path = require("path");
const ts = require(path.join(__dirname, "..", "..", "config", "node_modules", "typescript"));
const ROOT = path.join(__dirname, "..", "..");
const UI = path.join(ROOT, "ui_template");
const log = [];
const state = { numbersFail: false, tableFail: null };
const node = (props = {}) => ({
className: props.className ?? "",
hidden: "attrs" in props && props.attrs && "hidden" in props.attrs,
text: props.text ?? "",
children: props.children ?? [],
replaceChildren(...kids) {
this.children = kids;
},
});
const STUBS = {
"./ui_template_elements": { el: (_tag, props) => node(props) },
"./ui_template_locale": {
t: (key) => (key === "M02_PickerTableFailed" ? "표 실패 {value}" : "읽는 중"),
},
"../M02_MasterTemplete/M02_MasterTemplete_Api_Fetch": {
readTemplate: async (...args) => {
log.push(["readTemplate", ...args]);
if (state.tableFail) throw new Error(state.tableFail);
return { 문서: { 열: [], tag: `${args[0]}|${args[4]}` } };
},
fetchStructureNumbersAt: async (...args) => {
log.push(["numbers", ...args]);
if (state.numbersFail) throw new Error("numbers down");
return { rv1: { 도번: "SD1" } };
},
},
"../M02_MasterTemplete/M02_MasterTemplete_Structure": {
STRUCTURE_TABLE: "구조물집계표",
comboView: (doc) => ({ ...doc, comboView: true }),
numberLabels: (numbers) => ({ laborLabel: () => "", seenNumbers: numbers() }),
},
"./sheet/ui_template_sheet": {
createSheet: (host, doc, opts) => {
const entry = { doc, opts, selected: [], destroyed: false, host };
log.push(["createSheet", entry]);
host.replaceChildren({ sheet: true });
return {
selectColumn: (id) => entry.selected.push(id),
destroy: () => (entry.destroyed = true),
};
},
},
};
const cache = new Map();
function loadTs(file) {
const full = path.resolve(file);
if (cache.has(full)) return cache.get(full);
const js = ts.transpileModule(fs.readFileSync(full, "utf8"), {
compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2020 },
}).outputText;
const box = { exports: {} };
cache.set(full, box.exports);
const localRequire = (request) => {
if (STUBS[request]) return STUBS[request];
if (request.startsWith(".")) return loadTs(`${path.resolve(path.dirname(full), request)}.ts`);
return require(request);
};
new Function("exports", "module", "require", js)(box.exports, box, localRequire);
cache.set(full, box.exports);
return box.exports;
}
const flush = () => new Promise((resolve) => setTimeout(resolve, 20));
const row = (key, 열, layer, owner) => ({ key, 열, layer, owner });
const names = () => log.map((entry) => entry[0]);
// 280-2 — 표는 층(+ 주인) · 열을 받음
const at = (r) => (r ? { layer: r.layer, owner: r.owner } : null);
const show = (table, r) => table.show(at(r), r ? r.열 : "");
const picked = [];
const creates = () => log.filter((entry) => entry[0] === "createSheet").map((entry) => entry[1]);
(async () => {
const { createComboTable } = loadTs(path.join(UI, "ui_template_item_picker_table.ts"));
const data = loadTs(path.join(UI, "ui_template_item_picker_data.ts"));
const out = {};
const mine = row("SS1", "rv1", "personal", "1/3");
const sameLayer = row("SS2", "rv2", "personal", "1/3");
const master = row("SS9", "rv9", "system", null);
const table = createComboTable((colId) => picked.push(colId));
out.startHidden = table.root.hidden;
show(table, null);
out.nullHidden = table.root.hidden;
out.nullCalls = names();
show(table, mine);
out.shownHidden = table.root.hidden;
await flush();
out.firstReads = log.filter((e) => e[0] !== "createSheet");
const first = creates()[0];
out.first = {
count: creates().length,
readOnly: first.opts.readOnly,
lockHead: first.opts.lockHead,
mode: first.opts.mode,
combo: !!first.opts.combo,
comboDoc: first.doc.comboView,
docTag: first.doc.tag,
numbersSeen: first.opts.seenNumbers,
selected: first.selected,
};
log.length = 0;
show(table, sameLayer); // 같은 층 다른 조합 — 표 그대로 · 열만
await flush();
out.sameLayer = { calls: names(), selected: first.selected, destroyed: first.destroyed };
log.length = 0;
show(table, master); // 다른 층 — 그 층 표로 바뀜
await flush();
out.otherLayer = {
reads: log.filter((e) => e[0] === "readTemplate"),
creates: creates().length,
oldDestroyed: first.destroyed,
selected: creates()[0].selected,
docTag: creates()[0].doc.tag,
};
log.length = 0;
show(table, null);
out.hideAgain = table.root.hidden;
// 읽는 사이에 다른 조합을 고름 — 마지막 것만 그려짐
log.length = 0;
show(table, mine);
show(table, master);
await flush();
out.race = { creates: creates().length, docTag: creates()[0]?.doc.tag };
// 번호 읽기 실패 — 표는 그려짐
log.length = 0;
state.numbersFail = true;
const lone = createComboTable((colId) => picked.push(colId));
show(lone, mine);
await flush();
out.numbersFail = { creates: creates().length, seen: creates()[0]?.opts.seenNumbers };
state.numbersFail = false;
// 표 읽기 실패 — 까닭 글 · 표 없음
log.length = 0;
state.tableFail = "그 층은 아직 만든 것이 없음";
const broken = createComboTable((colId) => picked.push(colId));
show(broken, mine);
await flush();
out.tableFail = { creates: creates().length, text: broken.root.children[0].text };
out.keys = {
mineSame: data.tableKey(mine) === data.tableKey(sameLayer),
layerDiffers: data.tableKey(mine) !== data.tableKey(master),
ownerDiffers: data.tableKey(mine) !== data.tableKey(row("SS1", "rv1", "personal", "1/4")),
mine: data.tableKey(mine),
};
// 280-2 — 표에서 고른 열은 부른 쪽에 넘김 · 열 없는 고름(colId null)은 안 넘김
state.tableFail = null;
const fresh = createComboTable((colId) => picked.push(colId));
log.length = 0;
show(fresh, mine);
await flush();
const sheetOpts = creates()[0].opts;
sheetOpts.onSelect({ colId: "rv2" });
sheetOpts.onSelect({ colId: null });
out.onColumn = picked.slice(-1);
// 층만 바꿈(고른 열 없음) — 그 층 표를 그리고 열은 안 고름
log.length = 0;
fresh.show({ layer: "system", owner: null }, "");
await flush();
out.layerOnly = {
reads: log.filter((e) => e[0] === "readTemplate"),
selected: creates()[0].selected,
};
console.log(JSON.stringify(out));
})().catch((error) => {
console.error(error);
process.exit(1);
});