*이 페이지의 일부는 기계 번역되었습니다.
시각적 회귀 테스트라고도 하는 시각적 어설션은 스크린샷을 통해 테스트 실행 전반에 걸쳐 UI의 변경 사항을 감지하는 데 사용됩니다. 즉, Autify Nexus는 웹 사이트의 특정 부분이 녹화 시점 또는 마지막으로 테스트가 성공적으로 실행되었을 때와 다르게 보이는지 여부를 알 수 있습니다.
시각적 어설션 단계 기록
시각적 어설션을 기록하려면 기록할 때 다음 작업 중 하나를 선택합니다.
페이지의 모양이 동일한지 확인(페이지 어설션)
외형 변화 없음 (요소 어설션).
최대 픽셀 차이(%)
최대 픽셀 차이는 테스트 실행 간 대상의 허용 가능한 변경 임계값(말 그대로 픽셀 단위의 차이)을 설정합니다. 임계값을 초과하여 변경하면 어설션이 실패합니다. 0%는 매우 엄격하며 픽셀 퍼펙트 테스트입니다. 100%는 대상에 대한 모든 변경 사항을 허용합니다.
실패한 어설션에 대한 올바른 임계값 설정
컴퓨터의 하드웨어 및 소프트웨어 설정과 테스트 실행 중에 사용하는 창 크기에 따라 기록 후 실행하는 첫 번째 테스트에서 시각적 어설션이 통과하지 못할 수 있습니다. 간단하게 하기 위해 실패한 테스트에 대한 자세한 테스트 결과에서 예상 스크린샷 업데이트를 클릭하여 Autify Nexus에서 권장하는 스크린샷을 사용할 수 있습니다. 이 스크린샷을 사용하는 경우 어설션의 임계값을 조정할 필요가 없습니다. 목표에 대한 추가 변경이 없는 한 후속 테스트를 통과합니다.
UI의 사소한 변경, 테스트 환경 간의 사소한 렌더링 차이가 예상되거나 복잡한 요소에 대한 어설션을 안정화하려는 경우 적합한 적절한 수준을 찾을 때까지 임계값을 1%에서 5%씩 증가시켜 보세요.
FAQ
동일하게 보임 어설션과 페이지의 시각적 변경 사항 어설션은 어떻게 구분해서 사용해야 합니까?
동일하게 보임 어설션(요소 어설션)은 지정한 특정 요소의 외형이 변경되지 않았음을 확인합니다. 반면, 페이지의 시각적 변경 사항 어설션(페이지 어설션)은 페이지 전체의 외형이 변경되지 않았음을 확인합니다.
사용 구분의 기준은 다음과 같습니다.
동일하게 보임이 적합한 경우
페이지 내 특정 요소의 외형이 예상대로인지 확인하려는 경우
접속할 때마다 표시 내용이 변경되는 동적인 페이지에서 변동하지 않는 특정 요소만 대상으로 확인하려는 경우
페이지의 시각적 변경 사항 어설션이 적합한 경우
페이지 전체의 레이아웃이나 표시가 예상대로인지 확인하려는 경우
로컬 환경과 클라우드 실행 환경 등 실행 환경에 따라 텍스트를 포함한 이미지 비교(비주얼 어서션) 단계에서 미세한 차이가 발생하여 테스트가 실패하는 이유는 무엇입니까?
실행 환경에 따라 OS 차이로 인한 폰트 렌더링 방식이나 그리기가 다르기 때문에, 텍스트를 포함한 이미지 비교에서 미세한 차이가 발생합니다. 다음 방법을 검토해 주십시오.
텍스트 어서션으로 변경
문자 정보의 일관성을 확인하는 것이 주 목적일 경우, 이미지 비교가 아닌 텍스트 내용 자체를 검증하는 어서션으로 변경하는 것을 권장합니다.
임계값 조정
미세한 차이를 허용할 수 있도록 비교 임계값을 높여 조정하는 방법이 있습니다.
실행 환경별 시나리오 분할
클라우드 실행용과 로컬 실행용으로 시나리오를 나누어, 각 환경에 적합한 기댓값(스크린샷)을 관리하고 운영하는 방법도 효과적입니다. 또한, 클라우드 실행 시 사용 단말기에 설치된 폰트 패밀리에 기대하는 폰트가 포함되어 있지 않은 경우, 의도하지 않은 폰트로 표시될 수 있습니다. 폰트를 지정하거나 기대하는 폰트로 표시되는지 자체를 검증할 수는 없습니다.