최적 사용을 위한 주요 고려사항

@wdio/visual-service의 강력한 기능을 활용하기 전에, 이 도구를 최대한 활용할 수 있도록 몇 가지 주요 고려사항을 이해하는 것이 중요합니다. 다음 사항들은 모범 사례와 일반적인 함정을 안내하고, 정확하고 효율적인 시각적 테스트 결과를 얻는 데 도움을 주기 위해 설계되었습니다. 이러한 고려사항은 단순한 권장 사항이 아니라, 실제 상황에서 서비스를 효과적으로 활용하기 위해 명심해야 할 필수적인 측면입니다.

비교의 특성

• 픽셀 단위 비교: 이 모듈은 이미지를 픽셀 대 픽셀로 비교합니다. 특정 측면은 조정될 수 있지만(비교 옵션 참조), 핵심 접근 방식은 기본적인 픽셀 비교입니다.
• 브라우저 업데이트의 영향: Chrome과 같은 브라우저 업데이트가 글꼴 렌더링에 영향을 미칠 수 있으므로, 기준 이미지를 업데이트해야 할 수도 있습니다.

플랫폼의 일관성

• 동일한 플랫폼 간 비교: 스크린샷은 동일한 플랫폼 내에서 비교되어야 합니다. 예를 들어, Mac의 Chrome에서 찍은 스크린샷은 Ubuntu나 Windows의 Chrome에서 찍은 것과 비교해서는 안 됩니다.
• 비유: 간단히 말해, '안드로이드와 사과가 아닌, 사과와 사과를 비교하세요'.

불일치 비율에 대한 주의

• 불일치 수용의 위험: 불일치 비율을 수용할 때 주의를 기울이세요. 특히 큰 스크린샷의 경우, 버튼이나 요소의 누락과 같은 중요한 차이점을 간과할 수 있습니다.

모바일 화면 시뮬레이션

• 모바일 시뮬레이션을 위한, 브라우저 크기 조정 지양: 데스크톱 브라우저의 크기를 조정하여 모바일 화면 크기를 시뮬레이션하지 마세요. 크기가 조정된 데스크톱 브라우저는 실제 모바일 브라우저의 렌더링을 정확하게 복제하지 않습니다.
• 비교의 진정성: 이 도구는 최종 사용자에게 표시되는 그대로 시각적 요소를 비교하는 것을 목표로 합니다. 크기가 조정된 데스크톱 브라우저는 모바일 기기의 실제 경험을 반영하지 않습니다.

헤드리스 브라우저에 대한 입장

• 헤드리스 브라우저에 권장되지 않음: 이 모듈을 헤드리스 브라우저와 함께 사용하는 것은 권장되지 않습니다. 그 이유는 최종 사용자가 헤드리스 브라우저와 상호 작용하지 않기 때문에, 이러한 사용에서 발생하는 문제는 지원되지 않을 것입니다.