o2o-site-AEO/solution/site/scripts/mockup/_nav.mjs
Mina Choi 872d00f3c4 [feat] solution: 미니 블로그·이용후기·예약요청 추가, /s/stay 목업·발행 사이트 UI 다수 수정
인앱 미니 블로그(AI 자동 포스트, 이메일 승인)·이용후기(즉시 게시)·예약 요청(메일 발송)을
새로 붙였고, 병행해서 /s/stay 목업과 발행 사이트 공통 렌더러(UnitsSection·FestivalSection·
LocalGuideSection·WeatherSection 등)의 UI 버그를 다수 고쳤다. 범위가 넓지만 한 주 분량
작업을 한 커밋으로 묶어 달라는 요청에 따라 하나로 묶는다.

- solution/backend: post/review/booking_request 라우터·서비스·CRUD 추가, 스케줄러에
  블로그 초안 생성(새벽 4:10)·발송(아침 9:00) cron 등록, 마이그레이션 4건 추가
- solution/frontend, admin/frontend: 생성된 API 클라이언트 갱신, 리뷰 모더레이션·
  블로그 글 관리 페이지 추가
- solution/site/src: 객실 상세+실시간예약(날짜선택·연락처 폼)을 모달로 통합, 축제·
  주변안내 카드 클릭 시 모달 전환, 후기 목록 카드 UI, 공용 Modal 컴포넌트 신설,
  날씨 문구 동기화 버그 수정(하늘줄·기온줄 한 타이머로), 시설·편의 가능/불가 아이콘
  색상 하이라이트, 헤더 메뉴 순서를 실제 섹션 순서에 맞춤, 하단 탭바 아이콘 정렬 버그
  (line-height) 수정, 추천일정 점선 연결+데스크톱 자동펼침/모바일 축소, 채널 라벨에
  크롤링 원문("NOL")이 새던 것을 bookingLabel() 로 교체
- solution/site/scripts/mockup: /s/stay 패치 스크립트·주입 CSS·JS 다수 수정, stay4~6
  빌드 스크립트 추가(다른 세션 작업)

테스트: solution/site `npx tsc --noEmit` 통과, `npx vitest run` 93 passed,
solution/backend `pytest tests/test_booking_request.py` 6 passed(로컬 DB 대상).
예약 요청 메일은 실제 발송까지 확인(place 66894a1b 소유자 이메일 누락을 DB에서 보정).
2026-09-18 09:03:18 +09:00

33 lines
2.2 KiB
JavaScript

import {chromium} from 'playwright';
const b = await chromium.launch({channel:'chrome'});
const p = await b.newContext({viewport:{width:390,height:844},deviceScaleFactor:2,isMobile:true,hasTouch:true}).then(c=>c.newPage());
await p.goto('http://localhost/s/stay',{waitUntil:'domcontentloaded'});
await p.waitForTimeout(7000);
console.log(JSON.stringify(await p.evaluate(() => {
const vis=e=>{const s=getComputedStyle(e),r=e.getBoundingClientRect();return s.display!=='none'&&s.visibility!=='hidden'&&r.width>0&&r.height>0;};
const hdr = document.querySelector('header');
const burger = [...document.querySelectorAll('button')].filter(vis).find(b => /메뉴|menu/i.test((b.getAttribute('aria-label')||'')+b.className));
return {headerTag: hdr ? hdr.outerHTML.slice(0,320) : null,
burger: burger ? {label:burger.getAttribute('aria-label'), cls:burger.className.slice(0,80),
expanded:burger.getAttribute('aria-expanded'), controls:burger.getAttribute('aria-controls')} : null,
buttons: [...document.querySelectorAll('header button')].map(b=>({al:b.getAttribute('aria-label'), id:b.id, cls:b.className.slice(0,50)}))};
}), null, 1));
// 햄버거 열기
await p.evaluate(() => {
const vis=e=>{const s=getComputedStyle(e),r=e.getBoundingClientRect();return s.display!=='none'&&r.width>0;};
const b=[...document.querySelectorAll('header button')].filter(vis).pop();
b.click();
});
await p.waitForTimeout(1000);
console.log('=== 메뉴 열린 뒤');
console.log(JSON.stringify(await p.evaluate(() => {
const vis=e=>{const s=getComputedStyle(e),r=e.getBoundingClientRect();return s.display!=='none'&&s.visibility!=='hidden'&&r.width>0&&r.height>0;};
const panel = document.querySelector('[role="dialog"], nav[id], #w4d-menu, [data-menu]') ;
const links = [...document.querySelectorAll('a')].filter(vis).filter(a=>(a.getAttribute('href')||'').startsWith('#'));
return {panelId: panel?panel.id||panel.tagName:null,
anchorLinks: links.map(a=>a.textContent.trim()+' '+a.getAttribute('href')).slice(0,20),
panelHTML: links.length ? links[0].parentElement.parentElement.outerHTML.slice(0,400) : null};
}), null, 1));
await p.screenshot({path: process.argv[2]+'/menu.png'});
await b.close();