eomsangdonandClaude Sonnet 5.5
03eddde558
- 헬퍼 동작 그대로(풀이 함수 본문은 옮겨 담음) · 제품 코드 안 고침 - 확인: 이 묶음 헬퍼를 쓰는 시험 279 개 전 279 통과 → 후 279 통과 (시험별 junit 대조 · 어긋남 0) Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
92 lines
2.7 KiB
JavaScript
92 lines
2.7 KiB
JavaScript
/* 180-3 B07 안내선 보이기 / 숨기기 단추 헬퍼 — `…_UI_GuideToggle.ts` 를 Node 로 돌려 JSON 한 벌로.
|
|
* 공용 단추(`ui_template_elements`)는 진짜 · 화면 그릇만 흉내(helper_153 꼴).
|
|
*/
|
|
const fs = require("fs");
|
|
const path = require("path");
|
|
const { makeLoader } = require("./helper_ts_stub_loader.cjs");
|
|
|
|
const ROOT = path.join(__dirname, "..", "..");
|
|
|
|
class FakeNode {
|
|
constructor(tag) {
|
|
this.tagName = tag.toUpperCase();
|
|
this.children = [];
|
|
this.dataset = {};
|
|
this.attrs = {};
|
|
this.listeners = {};
|
|
this._text = "";
|
|
this._classes = new Set();
|
|
this.disabled = false;
|
|
this.title = "";
|
|
const self = this;
|
|
this.classList = {
|
|
add: (...names) => names.forEach((n) => self._classes.add(n)),
|
|
contains: (name) => self._classes.has(name),
|
|
};
|
|
}
|
|
set className(value) {
|
|
this._classes = new Set(String(value).split(/\s+/).filter(Boolean));
|
|
}
|
|
get className() {
|
|
return [...this._classes].join(" ");
|
|
}
|
|
set textContent(value) {
|
|
this._text = String(value);
|
|
this.children = [];
|
|
}
|
|
get textContent() {
|
|
return this._text + this.children.map((c) => c.textContent).join("");
|
|
}
|
|
setAttribute(key, value) {
|
|
this.attrs[key] = String(value);
|
|
}
|
|
append(...kids) {
|
|
kids.forEach((k) => this.children.push(k));
|
|
}
|
|
addEventListener(type, handler) {
|
|
(this.listeners[type] ||= []).push(handler);
|
|
}
|
|
click() {
|
|
if (!this.disabled) (this.listeners.click || []).forEach((handler) => handler({}));
|
|
}
|
|
}
|
|
globalThis.document = { createElement: (tag) => new FakeNode(tag) };
|
|
|
|
const { loadTs } = makeLoader({
|
|
root: ROOT,
|
|
requireFor: (full) => (request) => {
|
|
if (request === "@ui/ui_template_elements")
|
|
return loadTs(path.join(ROOT, "ui_template", "ui_template_elements.ts"));
|
|
if (request.startsWith(".")) {
|
|
const target = path.join(path.dirname(full), `${request}.ts`);
|
|
return fs.existsSync(target) ? loadTs(target) : {};
|
|
}
|
|
return {};
|
|
},
|
|
});
|
|
|
|
const { buildGuideToggle, guideShown } = loadTs(
|
|
path.join(ROOT, "B07_DesignDetail", "B07_DesignDetail_UI_GuideToggle.ts"),
|
|
);
|
|
|
|
const sent = [];
|
|
const button = buildGuideToggle((visible) => sent.push(visible));
|
|
const view = () => ({
|
|
text: button.textContent,
|
|
cls: button.className,
|
|
pressed: button.attrs["aria-pressed"],
|
|
shown: guideShown(),
|
|
});
|
|
const out = { first: view() };
|
|
button.click();
|
|
out.hidden = view();
|
|
button.click();
|
|
out.again = view();
|
|
button.click();
|
|
out.last = view();
|
|
// 화면을 다시 세워 새 단추를 만들어도 숨김 유지(모듈 값)
|
|
const rebuilt = buildGuideToggle((visible) => sent.push(visible));
|
|
out.rebuilt = { text: rebuilt.textContent, pressed: rebuilt.attrs["aria-pressed"] };
|
|
out.sent = sent;
|
|
process.stdout.write(JSON.stringify(out));
|