vrt Reg-suit+CircleaCI로 Visual Regression Test 환경 구축 일반적인 논리 조정 테스트라면 자동 테스트 등을 통해 보장할 수 있지만 HTML과 CSS 등의 레이아웃 등 시각적 실현은 사람의 눈에서 예상과 차이가 있는지 확인해야 한다. 후술한reg-suit를 사용하여 VRT 환경을 구축할 때 다음과 같이 이미지를 바탕으로 변경점을 검측할 수 있다. CSS가 수정할 때마다 모든 구성 요소를 눈으로 확인하는 것보다 예상치 못한 레이아웃 붕괴를 감지할 수 있... CircleCIStorybook프런트엔드regsuitvrttech Storybook의 VRT(Visual Regression Testing)를 최소 단위로 테스트합니다. 제목과 같이 Storybook을 사용하여 VRT(Visual Regression Testing)의 최소 구성을 시도했습니다. ※ 최소한의 구성으로 시도하기 때문에 아이템 도입은 좀 더 생각해봐야 합니다. docker-compose.yml는 다음과 같다. (이번에는Next.js 프로젝트의 구상에 따라 실시되었는데storybook이 사용할 수 있다면 무엇이든 될 것 같다.) package.jso... Next.jsReactStorybookvrttech
Reg-suit+CircleaCI로 Visual Regression Test 환경 구축 일반적인 논리 조정 테스트라면 자동 테스트 등을 통해 보장할 수 있지만 HTML과 CSS 등의 레이아웃 등 시각적 실현은 사람의 눈에서 예상과 차이가 있는지 확인해야 한다. 후술한reg-suit를 사용하여 VRT 환경을 구축할 때 다음과 같이 이미지를 바탕으로 변경점을 검측할 수 있다. CSS가 수정할 때마다 모든 구성 요소를 눈으로 확인하는 것보다 예상치 못한 레이아웃 붕괴를 감지할 수 있... CircleCIStorybook프런트엔드regsuitvrttech Storybook의 VRT(Visual Regression Testing)를 최소 단위로 테스트합니다. 제목과 같이 Storybook을 사용하여 VRT(Visual Regression Testing)의 최소 구성을 시도했습니다. ※ 최소한의 구성으로 시도하기 때문에 아이템 도입은 좀 더 생각해봐야 합니다. docker-compose.yml는 다음과 같다. (이번에는Next.js 프로젝트의 구상에 따라 실시되었는데storybook이 사용할 수 있다면 무엇이든 될 것 같다.) package.jso... Next.jsReactStorybookvrttech