;
}
export const EMPTY: MilestoneData = {
@@ -55,6 +59,24 @@ export async function loadMilestone(projectId: string, force = false): Promise saved?.site ?? null;
export const routeImages = (): Record => saved?.images ?? {};
+/** 보이는 그림이 사용자 그림이고 자동 그림도 있음 = 「자동 그림으로 되돌리기」 */
+export const canRevertImage = (routeId: string): boolean => {
+ const name = saved?.images[routeId];
+ const auto = saved?.auto_images?.[routeId];
+ return !!name && !!auto && name !== auto;
+};
+
+/** 경로 그림 다시 읽을 표(이름 + 자동 그림 새로 만든 횟수 — 이름이 같아도 새 그림) */
+const imageRev = new Map();
+export const routeImageKey = (routeId: string): string | null => {
+ const name = saved?.images[routeId];
+ return name ? `${name}#${imageRev.get(routeId) ?? 0}` : null;
+};
+
+/** 경로 그림 자동 상태 한 줄(만드는 중 · 실패 까닭) — 없으면 null */
+const autoNotes = new Map();
+export const autoImageNote = (routeId: string): string | null => autoNotes.get(routeId) ?? null;
+
export const hasMilestoneDraft = (projectId: string): boolean =>
readState("b08-milestone", projectId) !== null;
@@ -114,16 +136,58 @@ export async function uploadImage(projectId: string, routeId: string, file: File
changes.dispatchEvent(new Event("change"));
}
-export async function deleteImage(projectId: string, routeId: string): Promise {
- await call(imageUrl(projectId, routeId), { method: "DELETE" });
+/** 그림 지우기(자동 그림까지) · userOnly = 사용자 그림만 = 자동 그림으로 되돌리기 */
+export async function deleteImage(
+ projectId: string,
+ routeId: string,
+ userOnly = false,
+): Promise {
+ const url = imageUrl(projectId, routeId) + (userOnly ? "&user_only=true" : "");
+ const body = (await (await call(url, { method: "DELETE" })).json()) as { name: string | null };
if (saved) {
const rest = { ...saved.images };
+ const auto = { ...saved.auto_images };
delete rest[routeId];
+ if (body.name) rest[routeId] = body.name;
+ else delete auto[routeId];
saved.images = rest;
+ saved.auto_images = auto;
}
changes.dispatchEvent(new Event("change"));
}
+/** 경로 그림 자동(244-11) — 길 선 · 표지만 보냄 → 서버 헤드리스 캡처 → 자동 그림(사용자 그림 우선) */
+export async function autoRouteImage(
+ projectId: string,
+ routeId: string,
+ lines: Array>,
+): Promise {
+ const marks = mapMarks(liveMilestone(projectId), routeId, siteInfo()?.start_lonlat ?? null);
+ autoNotes.set(routeId, "경로 그림 만드는 중…(서버 지도 캡처)");
+ changes.dispatchEvent(new Event("change"));
+ let reason: string | null;
+ try {
+ const res = await request<{ name: string | null; reason: string | null }>(
+ `/projects/${projectId}/quantity/milestone/image/auto?route=${encodeURIComponent(routeId)}`,
+ { method: "POST", body: JSON.stringify({ lines, marks }) },
+ );
+ reason = res.reason;
+ if (res.name && saved) {
+ const user = saved.images[routeId] && saved.images[routeId] !== saved.auto_images?.[routeId];
+ saved.auto_images = { ...saved.auto_images, [routeId]: res.name };
+ if (!user) saved.images = { ...saved.images, [routeId]: res.name };
+ imageRev.set(routeId, (imageRev.get(routeId) ?? 0) + 1);
+ }
+ } catch (error) {
+ reason = `경로 그림 자동 캡처 요청 실패(${String(error)}) — 그림 올리기를 쓰세요.`;
+ }
+ if (reason) {
+ autoNotes.set(routeId, reason);
+ showToast(reason, "warning");
+ } else autoNotes.delete(routeId);
+ changes.dispatchEvent(new Event("change"));
+}
+
/** 그림 → 화면 주소(blob · 쿠키 포함) */
export async function imageBlobUrl(projectId: string, routeId: string): Promise {
return URL.createObjectURL(await (await call(imageUrl(projectId, routeId))).blob());
@@ -177,6 +241,7 @@ export async function findRouteKm(projectId: string, routeId: string): Promise=6.1,<7
pydantic==2.5.0
pydantic_core==2.14.1
diff --git a/resources/tester/test_244_10_b08_milestone_tailscale.py b/resources/tester/test_244_10_b08_milestone_tailscale.py
index 36226bd47..b1d8968e3 100644
--- a/resources/tester/test_244_10_b08_milestone_tailscale.py
+++ b/resources/tester/test_244_10_b08_milestone_tailscale.py
@@ -1,7 +1,7 @@
"""244-10 B08 거리이정표 경로 지도 — 테일스케일 주소(http://100.72.32.27:5173 · 보안 문맥 아님).
-① getDisplayMedia 없음 = [지도 캡처] 끔 + 까닭 한 줄(지도는 그대로)
-② SDK 못 받음(script onerror · 도메인 미등록 401) = 지금 주소(location.origin) 등록 안내 한 줄 · 지도 · 캡처 숨김
+① getDisplayMedia 없음 = 지도 그대로 · 캡처 안내 없음([지도 캡처]는 244-11 에서 없앰 · 그림 = 서버 자동)
+② SDK 못 받음(script onerror · 도메인 미등록 401) = 지금 주소(location.origin) 등록 안내 한 줄 · 지도 숨김
(가짜 kakao.maps · document 로 node 에서 돌림)
"""
@@ -15,7 +15,6 @@ IMPORTS = re.compile(r"^import[^;]*;\n", re.MULTILINE)
LAYOUT = "B08_Quantity/B08_Quantity_Milestone_Layout.ts"
KMAP = "B08_Quantity/B08_Quantity_UI_Milestone_KakaoMap.ts"
ORIGIN = "http://100.72.32.27:5173"
-NO_CAPTURE = "캡처는 localhost 또는 https 주소에서만 — 사진 올리기를 쓰세요"
def _read(rel):
@@ -25,10 +24,6 @@ def _read(rel):
STUBS = f"""
const el = (tag: string, o: any = {{}}) => ({{ tag, hidden: false, textContent: o.text ?? "",
className: o.className, dataset: {{}}, children: o.children ?? [] }});
-const createButton = (o: any) => ({{ ...el("button", {{ text: o.label }}), disabled: !!o.disabled,
- title: "", onClick: o.onClick }});
-const showToast = () => {{}};
-const uploadImage = async () => {{}};
const requestAnimationFrame = (f: () => void) => setTimeout(f, 0);
const request = async () => ({{ key: "fake-js-key" }});
const injected: string[] = [];
@@ -55,10 +50,9 @@ def _view(setup):
+ """
const view = routeMapView("p1", "r1");
await new Promise((r) => setTimeout(r, 30));
-const [bar, hint, box] = view.root.children;
-const cap = bar.children[0];
+const [hint, box] = view.root.children;
console.log(JSON.stringify({ injected, hint: hint.textContent, boxHidden: box.hidden,
- capHidden: cap.hidden, capDisabled: cap.disabled, capTitle: cap.title }));
+ children: view.root.children.length }));
"""
)
src = IMPORTS.sub("", _read(LAYOUT)) + script
@@ -77,23 +71,11 @@ Object.defineProperty(globalThis, "navigator", { configurable: true, value: {} }
"""
-def test_보안_문맥_아님_캡처_끔_까닭_한_줄():
+def test_보안_문맥_아님_지도_그대로_캡처_안내_없음():
got = _view(NO_MEDIA + FAKE_KAKAO)
- assert not got["boxHidden"] and not got["capHidden"] # 지도는 그대로 뜸
- assert got["capDisabled"] and got["capTitle"] == NO_CAPTURE
- assert got["hint"] == f"길 선 = 카카오 길찾기 · {NO_CAPTURE}"
- assert "[지도 캡처] =" not in got["hint"]
-
-
-def test_보안_문맥_캡처_켜짐():
- media = """
-Object.defineProperty(globalThis, "navigator", { configurable: true,
- value: { mediaDevices: { getDisplayMedia: async () => ({}) } } });
-(globalThis as any).document = { createElement: () => ({}), head: { append: () => {} } };
-"""
- got = _view(media + FAKE_KAKAO)
- assert not got["capDisabled"] and got["capTitle"] == ""
- assert got["hint"] == "길 선 = 카카오 길찾기 · [지도 캡처] = 이 지도 칸 → 경로 그림"
+ assert not got["boxHidden"] and got["children"] == 2 # 지도는 그대로 · 캡처 단추 없음
+ assert got["hint"] == "길 선 = 카카오 길찾기 · 경로 그림은 서버가 자동으로 만듦"
+ assert "캡처는 localhost" not in got["hint"]
def test_SDK_401_도메인_등록_안내():
@@ -106,4 +88,4 @@ def test_SDK_401_도메인_등록_안내():
assert got["hint"] == (
f"카카오 JavaScript 키 도메인에 지금 주소({ORIGIN}) 등록 필요 — 지도 대신 [그림 올리기]로 넣으세요"
)
- assert got["boxHidden"] and got["capHidden"]
+ assert got["boxHidden"]
diff --git a/resources/tester/test_244_11_b08_milestone_auto_capture.py b/resources/tester/test_244_11_b08_milestone_auto_capture.py
new file mode 100644
index 000000000..055f0c979
--- /dev/null
+++ b/resources/tester/test_244_11_b08_milestone_auto_capture.py
@@ -0,0 +1,277 @@
+"""244-11 B08 거리이정표 경로 그림 = 서버 자동 캡처(사용자 139번).
+
+가짜 브라우저(playwright.sync_api 자리에 가짜 모듈)로:
+① [길찾기] 길 선 · 표지 → 서버 캡처 → auto/<경로 id>.png · 페이지 주소 = KAKAO_CAPTURE_ORIGIN +
+ /__route_capture(page.route 로 채움) · 좌표 저장 0 · 키 값 응답 0
+② 사용자 그림 우선 · 「자동 그림으로 되돌리기」(user_only) · 그림 지우기 = 둘 다 ·
+ 경로 지우고 [저장] = 자동 그림도
+③ 실패 까닭 한 줄 — 키 없음 · Playwright 없음 · 브라우저 못 띄움 · 20초 넘김 · 도메인 불일치
+④ 동시 요청 = 하나씩(잠금) · 화면 = 브라우저 캡처 길 없음 · [길찾기] 뒤 자동 · 되돌리기 단추
+"""
+
+import json
+import sys
+import threading
+import time
+import types
+from pathlib import Path
+from uuid import uuid4
+
+from fastapi import FastAPI
+from fastapi.testclient import TestClient
+
+ROOT = Path(__file__).resolve().parents[2]
+if str(ROOT) not in sys.path:
+ sys.path.insert(0, str(ROOT))
+
+from B08_Quantity import B08_Quantity_Milestone_Capture as cap # noqa: E402
+from B08_Quantity import B08_Quantity_Router_Milestone as ms # noqa: E402
+
+PNG = b"\x89PNG\r\n\x1a\nfake-map"
+KEY = "fake-js-key-123"
+LINES = [[[35.6866, 127.9095], [35.68, 127.89]], [[35.672, 127.87], [35.66, 127.85]]]
+MARKS = [
+ {"name": "거창군청", "lon": 127.9095, "lat": 35.6866},
+ {"name": "시점", "lon": 127.85, "lat": 35.66},
+]
+
+
+class Box:
+ """가짜 브라우저 기록 · 동작 모드."""
+
+ def __init__(self, mode="ok", delay=0.0):
+ self.mode, self.delay = mode, delay
+ self.channels, self.routed, self.goto, self.html = [], [], [], []
+ self.active = self.peak = 0
+ self.lock = threading.Lock()
+
+
+def fake_playwright(box):
+ class Error(Exception):
+ pass
+
+ class TimeoutError(Error): # noqa: A001 — playwright 이름 그대로
+ pass
+
+ class Page:
+ def route(self, url, handler):
+ box.routed.append(url)
+ self.handler = handler
+
+ def goto(self, url, timeout):
+ box.goto.append(url)
+ fulfil = types.SimpleNamespace(fulfill=lambda **kw: box.html.append(kw["body"]))
+ self.handler(fulfil)
+
+ def wait_for_function(self, expr, timeout):
+ assert timeout <= cap.TIMEOUT_S * 1000
+ if box.mode == "timeout":
+ raise TimeoutError("Timeout 20000ms exceeded")
+
+ def evaluate(self, expr):
+ return 1 if box.mode == "sdk_fail" else None
+
+ def wait_for_timeout(self, ms):
+ pass
+
+ def locator(self, selector):
+ assert selector == "#m"
+ return self
+
+ def screenshot(self, timeout):
+ with box.lock:
+ box.active += 1
+ box.peak = max(box.peak, box.active)
+ time.sleep(box.delay)
+ with box.lock:
+ box.active -= 1
+ return PNG
+
+ class Browser:
+ def new_page(self, viewport):
+ assert viewport == {"width": 1200, "height": 800}
+ return Page()
+
+ def close(self):
+ pass
+
+ class Chromium:
+ def launch(self, channel, headless, timeout):
+ box.channels.append(channel)
+ assert headless
+ if box.mode == "no_browser" or (box.mode == "no_edge" and channel == "msedge"):
+ raise Error(f"Chromium distribution '{channel}' is not found")
+ return Browser()
+
+ class Ctx:
+ def __enter__(self):
+ return types.SimpleNamespace(chromium=Chromium())
+
+ def __exit__(self, *a):
+ return False
+
+ return types.SimpleNamespace(Error=Error, TimeoutError=TimeoutError, sync_playwright=Ctx)
+
+
+def _setup(tmp_path, monkeypatch, box, origin=None):
+ monkeypatch.setitem(sys.modules, "playwright.sync_api", fake_playwright(box))
+ monkeypatch.setenv(cap.KAKAO_JS, KEY)
+ if origin is None:
+ monkeypatch.delenv(cap.ORIGIN_KEY, raising=False)
+ else:
+ monkeypatch.setenv(cap.ORIGIN_KEY, origin)
+
+ async def root(project_id):
+ return tmp_path
+
+ monkeypatch.setattr(ms, "_project_root", root)
+ app = FastAPI()
+ app.include_router(ms.router)
+ return TestClient(app), f"/api/projects/{uuid4()}/quantity/milestone"
+
+
+def _auto(client, base, route="r1"):
+ return client.post(
+ base + "/image/auto", params={"route": route}, json={"lines": LINES, "marks": MARKS}
+ )
+
+
+def test_자동_그림_저장_좌표_0(tmp_path, monkeypatch):
+ box = Box()
+ client, base = _setup(tmp_path, monkeypatch, box)
+ res = _auto(client, base)
+ assert res.json() == {"name": "auto/r1.png", "reason": None}
+ assert KEY not in res.text
+ auto = tmp_path / "B08_Quantity/milestone/auto/r1.png"
+ assert auto.read_bytes() == PNG
+ # 페이지 = 기본 주소 + /__route_capture 를 page.route 로 채움 · Edge 먼저
+ assert box.routed == box.goto == ["http://localhost:5173/__route_capture"]
+ assert box.channels == ["msedge"]
+ html = box.html[0]
+ assert f"appkey={KEY}&autoload=false" in html and 'onerror="window.__fail=1"' in html
+ assert json.dumps(LINES) in html and "거창군청" in html and "tilesloaded" in html
+ assert "#E60046" in html and "1200px" in html and "800px" in html
+ # 좌표 저장 0 — 폴더엔 그림만
+ files = sorted(p.relative_to(tmp_path).as_posix() for p in tmp_path.rglob("*") if p.is_file())
+ assert files == ["B08_Quantity/milestone/auto/r1.png"]
+ got = client.get(base).json()
+ assert got["images"] == {"r1": "auto/r1.png"} and got["auto_images"] == {"r1": "auto/r1.png"}
+ assert client.get(base + "/image", params={"route": "r1"}).content == PNG
+ # 나쁜 좌표 · id = 거절
+ bad = {"lines": [[[95, 127.9]]], "marks": []}
+ assert client.post(base + "/image/auto", params={"route": "r1"}, json=bad).status_code == 422
+ assert _auto(client, base, "../x").status_code == 400
+
+
+def test_주소_바꿈_Edge_없으면_Chrome(tmp_path, monkeypatch):
+ box = Box("no_edge")
+ client, base = _setup(tmp_path, monkeypatch, box, origin=" http://100.72.32.27:5173/ ")
+ assert _auto(client, base).json()["name"] == "auto/r1.png"
+ assert box.channels == ["msedge", "chrome"]
+ assert box.goto == ["http://100.72.32.27:5173/__route_capture"]
+
+
+def test_사용자_그림_우선_되돌리기(tmp_path, monkeypatch):
+ client, base = _setup(tmp_path, monkeypatch, Box())
+ img = base + "/image"
+ client.post(img, params={"route": "r1"}, files={"file": ("u.jpg", b"user", "image/jpeg")})
+ assert _auto(client, base).json()["name"] == "auto/r1.png" # 자동 그림은 늘 만듦
+ got = client.get(base).json()
+ assert got["images"] == {"r1": "r1.jpg"} and got["auto_images"] == {"r1": "auto/r1.png"}
+ assert client.get(img, params={"route": "r1"}).content == b"user" # 사용자 그림 우선
+ # 자동 그림으로 되돌리기 = 사용자 그림만 지움
+ back = client.delete(img, params={"route": "r1", "user_only": "true"}).json()
+ assert back == {"name": "auto/r1.png"}
+ assert client.get(img, params={"route": "r1"}).content == PNG
+ # 그림 지우기 = 둘 다
+ assert client.delete(img, params={"route": "r1"}).json() == {"name": None}
+ assert client.get(img, params={"route": "r1"}).status_code == 404
+ assert client.get(base).json()["auto_images"] == {}
+ # 경로 지우고 [저장] = 자동 그림도 지움 · 남은 경로 것은 그대로
+ _auto(client, base, "r1")
+ _auto(client, base, "r2")
+ client.post(img, params={"route": "r2"}, files={"file": ("u.png", b"u2", "image/png")})
+ keep = {"routes": [{"id": "r2", "name": "김천역"}]}
+ saved = client.put(base, json=keep).json()
+ assert saved["images"] == {"r2": "r2.png"} and saved["auto_images"] == {"r2": "auto/r2.png"}
+ assert not (tmp_path / "B08_Quantity/milestone/auto/r1.png").exists()
+
+
+def test_실패_까닭_한_줄(tmp_path, monkeypatch):
+ tail = " — 그림 올리기를 쓰세요."
+ cases = {
+ "no_browser": "경로 그림 자동 캡처 실패 — 서버에서 브라우저(Edge · Chrome)를 못 띄움",
+ "timeout": "경로 그림 자동 캡처 실패 — 지도 그림이 20초 안에 안 끝남",
+ "sdk_fail": "경로 그림 자동 캡처 실패 — 카카오 지도 JS 가 캡처 주소(http://localhost:5173)"
+ "를 받지 않음(키 도메인 등록 확인)",
+ }
+ for mode, reason in cases.items():
+ box = Box(mode)
+ client, base = _setup(tmp_path, monkeypatch, box)
+ res = _auto(client, base)
+ assert res.json() == {"name": None, "reason": reason + tail}, mode
+ assert KEY not in res.text
+ assert not (tmp_path / "B08_Quantity/milestone/auto").exists() # 실패 = 그림 없음
+ # Playwright 없음
+ monkeypatch.setitem(sys.modules, "playwright.sync_api", None)
+ assert _auto(client, base).json()["reason"] == (
+ "경로 그림 자동 캡처 실패 — 서버에 Playwright 가 없습니다(pip install playwright)" + tail
+ )
+ # 키 없음 = 브라우저 안 띄움
+ box = Box()
+ client, base = _setup(tmp_path, monkeypatch, box)
+ monkeypatch.setenv(cap.KAKAO_JS, " ")
+ assert _auto(client, base).json() == {
+ "name": None,
+ "reason": "카카오 지도 JavaScript 키가 없습니다(.env KAKAO_JS_KEY)" + tail,
+ }
+ assert box.channels == []
+ # 길 선 · 표지 없음
+ monkeypatch.setenv(cap.KAKAO_JS, KEY)
+ empty = client.post(base + "/image/auto", params={"route": "r1"}, json={}).json()
+ assert empty["reason"] == "길 선 · 표지가 없어 지도 그림을 못 만듦" + tail
+
+
+def test_동시_요청_하나씩(tmp_path, monkeypatch):
+ box = Box(delay=0.15)
+ _setup(tmp_path, monkeypatch, box)
+ out = tmp_path / "auto"
+ got = []
+
+ def one(i):
+ got.append(cap.make_route_image(out, f"r{i}", LINES, MARKS))
+
+ jobs = [threading.Thread(target=one, args=(i,)) for i in range(3)]
+ for job in jobs:
+ job.start()
+ for job in jobs:
+ job.join()
+ assert [g["saved"] for g in got] == [True] * 3 and box.peak == 1
+ assert sorted(p.name for p in out.iterdir()) == ["r0.png", "r1.png", "r2.png"]
+
+
+def test_화면_브라우저_캡처_없음_길찾기_뒤_자동():
+ def read(name):
+ return (ROOT / "B08_Quantity" / name).read_text(encoding="utf-8")
+
+ ui = ("UI_Milestone_KakaoMap", "UI_Milestone_Route", "UI_Milestone_Modal", "Milestone_Layout")
+ for name in (f"B08_Quantity_{n}.ts" for n in ui):
+ text = read(name)
+ assert "getDisplayMedia" not in text and "지도 캡처" not in text, name
+ assert "캡처는 localhost" not in text, name
+ state = read("B08_Quantity_UI_Milestone_State.ts")
+ assert "if (lines.length) void autoRouteImage(projectId, routeId, lines);" in state
+ assert "JSON.stringify({ lines, marks })" in state and "/image/auto?route=" in state
+ assert "user_only=true" in state and "showToast(reason," in state
+ route = read("B08_Quantity_UI_Milestone_Route.ts")
+ assert (
+ 'label: "자동 그림으로 되돌리기"' in route
+ and "deleteImage(projectId, routeId, true)" in route
+ )
+ assert "revert.hidden = !canRevertImage(routeId);" in route
+ assert "hint.textContent = autoImageNote(routeId) ?? HINT;" in route
+ kmap = read("B08_Quantity_UI_Milestone_KakaoMap.ts")
+ assert "등록 필요 — 지도 대신 [그림 올리기]로 넣으세요" in kmap # SDK 도메인 안내 한 줄은 남김
+ big = ("Milestone_Capture.py", "Router_Milestone.py", "UI_Milestone_State.ts")
+ for name in (f"B08_Quantity_{n}" for n in big):
+ assert len(read(name).splitlines()) <= 700
diff --git a/resources/tester/test_244_4_b08_milestone_modal.py b/resources/tester/test_244_4_b08_milestone_modal.py
index 767a771f0..91f57ffe6 100644
--- a/resources/tester/test_244_4_b08_milestone_modal.py
+++ b/resources/tester/test_244_4_b08_milestone_modal.py
@@ -168,16 +168,13 @@ def test_화면_모달_팬줌_그림탭():
# ③ 팬 · 줌 = 공용
assert 'from "../A00_Common/b_svg_zoom_pan"' in diagram and "attachSvgZoomPan({" in diagram
assert "wheelZoom: true" in diagram and "initial: zoomState" in diagram
- # ④ 경로 하위 탭 = 그림만 · 다음 지도 새 창 · 화면 캡처 → 그림 올리기 길
+ # ④ 경로 하위 탭 = 그림만 · 다음 지도 새 창 · 그림 올리기 길(화면 캡처는 244-11 에서 서버 자동으로)
route = _read("B08_Quantity/B08_Quantity_UI_Milestone_Route.ts")
assert (
"createDataTable" not in route and "구간" not in route.split("export function routeView")[1]
)
assert "window.open(kakaoRouteUrl(points)" in route
- assert "getDisplayMedia({ video: true, audio: false })" in route
- assert (
- "captureWindow().then(put," in route and "uploadImage(projectId, routeId, picked)" in route
- )
+ assert "getDisplayMedia" not in route and "uploadImage(projectId, routeId, picked)" in route
assert 'label: "그림 올리기"' in route
page = _read("B08_Quantity/B08_Quantity_UI_Milestone.ts")
assert 'label: "+ 추가"' not in page and 'label: "삭제"' not in page
diff --git a/resources/tester/test_244_9_b08_milestone_route_map.py b/resources/tester/test_244_9_b08_milestone_route_map.py
index bedc3e1ef..5ee1d655f 100644
--- a/resources/tester/test_244_9_b08_milestone_route_map.py
+++ b/resources/tester/test_244_9_b08_milestone_route_map.py
@@ -1,7 +1,7 @@
-"""244-9 B08 거리이정표 경로 그림 = 카카오 지도 JS 위 경로 + [지도 캡처](사용자 138번).
+"""244-9 B08 거리이정표 경로 그림 = 카카오 지도 JS 위 경로(사용자 138번 · [지도 캡처]는 244-11 에서 없앰).
서버 = 길찾기 응답에 경로 좌표 [위도, 경도](vertexes = 경도 · 위도 번갈아) · 저장 안 함 · JS 키 길 ·
-화면 = 표지(거래처 · 기준점 · 시점) · 캡처 자르기 수치 · 키 없음 = 안내 한 줄 · 키 있음 = 길 선 ·
+화면 = 표지(거래처 · 기준점 · 시점) · 키 없음 = 안내 한 줄 · 키 있음 = 길 선 ·
표지 · 경로 전체 맞춤(가짜 kakao.maps 로 node 에서 돌림).
"""
@@ -111,7 +111,7 @@ def test_JS_키_길(monkeypatch):
assert client.get(BASE + "/map-key").json() == {"key": "fake-js-key"}
-def test_표지_셋_캡처_자르기():
+def test_표지_셋():
data = {
"site": {"mid_station_m": None, "mid_road": "비포장"},
"base": {"enabled": True, "name": "병곡리", "lon": 127.85, "lat": 35.66, "legs": []},
@@ -126,8 +126,6 @@ console.log(JSON.stringify([
mapMarks(D, "r1", [127.83, 35.64]),
mapMarks(D, "r2", [127.83, 35.64]),
mapMarks({{ ...D, base: {{ ...D.base, enabled: false }} }}, "r1", null),
- cropBox({{ left: 100, top: 50, width: 400, height: 300 }}, 1000, 2000, 1200),
- cropBox({{ left: -20, top: 500, width: 1100, height: 300 }}, 1000, 1000, 600),
]));""",
)
assert got[0] == [
@@ -137,23 +135,16 @@ console.log(JSON.stringify([
]
assert got[1] == [{"name": "시점", "lon": 127.83, "lat": 35.64}] # 좌표 없는 거래처 = 표지 없음
assert got[2] == [{"name": "거창군청", "lon": 127.9, "lat": 35.68}]
- assert got[3] == {"sx": 200, "sy": 100, "sw": 800, "sh": 600} # × 2(devicePixelRatio)
- assert got[4] == {"sx": 0, "sy": 500, "sw": 1000, "sh": 100} # 영상 밖은 잘라 냄
STUBS = """
const el = (tag: string, o: any = {}) => ({ tag, hidden: false, textContent: o.text ?? "",
className: o.className, dataset: {}, children: o.children ?? [] });
-const createButton = (o: any) => ({ ...el("button", { text: o.label }), onClick: o.onClick });
-const showToast = () => {};
-const uploadImage = async () => {};
const requestAnimationFrame = (f: () => void) => setTimeout(f, 0);
const injected: string[] = [];
(globalThis as any).document = { createElement: () => ({}),
head: { append: (s: any) => injected.push(s.src) } };
(globalThis as any).window = globalThis;
-Object.defineProperty(globalThis, "navigator", { configurable: true,
- value: { mediaDevices: { getDisplayMedia: async () => ({}) } } }); // localhost = 보안 문맥
const liveMilestone = () => ({ site: {}, base: { enabled: true, name: "병곡리", lon: 127.85,
lat: 35.66 }, routes: [{ id: "r1", name: "거창군청", lon: 127.9, lat: 35.68, via_base: true }] });
const siteInfo = () => ({ start_lonlat: [127.83, 35.64] });
@@ -170,9 +161,8 @@ const request = async (url: string) => (asked.push(url), {{ key: KEY }});
{extra}
const view = routeMapView("p1", "r1");
await new Promise((r) => setTimeout(r, 30));
-const [bar, hint, box] = view.root.children;
+const [hint, box] = view.root.children;
console.log(JSON.stringify({{ asked, injected, hint: hint.textContent, boxHidden: box.hidden,
- captureHidden: bar.children[0].hidden, label: bar.children[0].textContent,
log: (globalThis as any).LOG ?? null }}));
"""
return _node([LAYOUT], STUBS + IMPORTS.sub("", _read(KMAP)) + script)
@@ -185,7 +175,7 @@ def test_키_없음_안내_한_줄():
assert got["hint"] == (
"카카오 JavaScript 키 · 도메인 등록 필요 — 지도 대신 [그림 올리기]로 넣으세요"
)
- assert got["boxHidden"] and got["captureHidden"] and got["label"] == "지도 캡처"
+ assert got["boxHidden"]
FAKE_KAKAO = """
@@ -211,26 +201,24 @@ def test_키_있음_길_선_표지_전체_맞춤():
paths = [[[35.68, 127.9], [35.67, 127.87], [35.66, 127.85]], [[35.66, 127.85], [35.64, 127.83]]]
got = _map("fake-js-key", paths, FAKE_KAKAO)
log = got["log"]
- assert not got["boxHidden"] and not got["captureHidden"] and log["maps"] == 1 and log["fit"]
+ assert not got["boxHidden"] and log["maps"] == 1 and log["fit"]
lines = [o for kind, o in log["overlays"] if kind == "line"]
assert [[[p["lat"], p["lng"]] for p in o["path"]] for o in lines] == paths
assert lines[0]["strokeColor"] == "#E60046" and lines[0]["strokeWeight"] >= 5
titles = [o["title"] for kind, o in log["overlays"] if kind == "marker"]
assert titles == ["거창군청", "병곡리", "시점"]
assert len(log["bounds"]) == 3 + 5 # 표지 셋 + 길 선 점 다섯 = 경로 전체 맞춤
- assert "[지도 캡처]" in got["hint"]
+ assert got["hint"] == "길 선 = 카카오 길찾기 · 경로 그림은 서버가 자동으로 만듦"
def test_화면_자리_캡처_키_서버만():
kmap = _read(KMAP)
assert "sdk.js" in kmap and "?appkey=${encodeURIComponent(key)}&autoload=false" in kmap
- assert "preferCurrentTab: true" in kmap and "crop.fromElement(target)" in kmap
- assert "cropTo(" in kmap and "stream.getTracks().forEach((t) => t.stop())" in kmap
- assert "uploadImage(projectId, routeId, file)" in kmap
+ assert "getDisplayMedia" not in kmap and "[지도 캡처]" not in kmap # 244-11 = 서버 자동
modal = _read("B08_Quantity/B08_Quantity_UI_Milestone_Modal.ts")
assert "mapView.root" in modal and "mapView.draw();" in modal
route = _read("B08_Quantity/B08_Quantity_UI_Milestone_Route.ts")
- assert "routeMapView(projectId, routeId, () => loadImage(true))" in route
+ assert "routeMapView(projectId, routeId)" in route
assert "mapView.draw();" in route
state = _read("B08_Quantity/B08_Quantity_UI_Milestone_State.ts")
assert "paths.set(routeId, lines);" in state # 메모리만(캐시 · 서버 안 감)