Capybara와 Cuprite를 사용하여 Rails 시스템 테스트에서 브라우저 콘솔 로그 캡처하기

브라우저 콘솔 로그를 캡처하는 핵심적인 해결책은 Capybara 드라이버 구성을 수정하는 것입니다. spec/support/capybara.rb 파일에서 Cuprite 드라이버를 등록할 때 StringIO 로거를 정의하여 모든 브라우저 콘솔 출력을 캡처하도록 설정합니다. 이 로거는 테스트 실행 중 브라우저에서 발생하는 모든 console.log 메시지를 포함한 출력을 기록합니다. 이렇게 구성된 로거는 테스트 코드 내에서 page.driver.browser.options.logger.string을 통해 접근할 수 있으며, 캡처된 로그는 Runtime.consoleAPICalled 형식의 JSON으로 출력됩니다. 이를 통해 개발자는 자신이 추가한 console.log 메시지를 포함하여 브라우저의 내부 출력을 확인할 수 있습니다. 캡처된 로그의 양이 방대할 수 있으므로, 효율적인 관리를 위해 출력을 클립보드로 복사하거나 텍스트 파일로 리디렉션하는 것이 좋습니다. 또한, 테스트 코드 내에서 logs.lines.select { |line| line.include?("YOUR_KEYWORD") }와 같이 특정 키워드로 로그를 필터링하여 필요한 정보만 추출할 수도 있습니다. 중요한 점은 JavaScript 파일(또는 기타 프론트엔드 자산)을 변경한 경우, 시스템 테스트를 실행하기 전에 bin/rails assets:precompile 명령어를 실행하여 자산 번들을 다시 컴파일해야 한다는 것입니다. 이를 잊으면 변경 사항이 테스트에 반영되지 않고 오래된 JavaScript가 사용될 수 있습니다. 마지막으로, Cuprite 프로젝트의 오픈 소스 특성을 활용하여 소스 코드와 테스트 스위트를 탐색하는 것이 문제 해결에 큰 도움이 될 수 있음을 강조하며, StringIO 로거를 사용한 콘솔 로그 캡처 예제를 소스 코드에서 발견한 경험을 공유합니다.