o2o-site-AEO/solution/site/scripts/mockup/_s6.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

30 lines
2.1 KiB
JavaScript

import {chromium} from 'playwright';
const O = process.argv[2];
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());
const bad=[],errs=[];
p.on('response',r=>{if(r.status()>=400)bad.push(r.status()+' '+r.url().slice(-48));});
p.on('console',m=>{if(m.type()==='error')errs.push(m.text().slice(0,90));});
for (const [n,u] of [['home','http://localhost/s/stay6'],['gunsan','http://localhost/s/stay6/gunsan'],['booking','http://localhost/s/stay6/booking']]) {
await p.goto(u,{waitUntil:'domcontentloaded'}); await p.waitForTimeout(7000);
await p.evaluate(()=>window.scrollTo(0,document.body.scrollHeight)); await p.waitForTimeout(1600);
await p.evaluate(()=>window.scrollTo(0,0)); await p.waitForTimeout(1200);
const i = 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&&!e.closest('[hidden]');};
const taps=[...document.querySelectorAll('a,button,summary,input,textarea')].filter(vis);
return {h:document.body.scrollHeight, screens:+(document.body.scrollHeight/844).toFixed(1),
sections:[...document.querySelectorAll('section')].filter(vis).length,
h2:[...document.querySelectorAll('h2')].filter(vis).map(x=>x.textContent.trim()),
nav: [...document.querySelectorAll('#w4d-pages a')].map(a=>a.textContent.trim()+(a.getAttribute('aria-current')?'*':'')),
taps:taps.length, small:taps.filter(e=>{const r=e.getBoundingClientRect();return r.height<44||r.width<44;}).length,
ov:document.documentElement.scrollWidth>window.innerWidth};
});
console.log('== '+n, JSON.stringify(i));
const k=Math.min(Math.ceil(i.h/844),10);
for(let j=0;j<k;j++){ await p.evaluate(y=>window.scrollTo(0,y),j*844); await p.waitForTimeout(550);
await p.screenshot({path:`${O}/${n}-${String(j).padStart(2,'0')}.png`}); }
}
console.log('errors:',errs.slice(0,4)); console.log('bad:',[...new Set(bad)].slice(0,6));
await b.close();