브라우저에서 앱 테스트하기

Lovable이 브라우저 테스트를 사용하여 버튼 클릭, 양식 작성, 플로우 테스트, 다양한 화면 크기에서의 동작 확인을 통해 앱을 검증하는 방법을 알아보세요.

브라우저 테스트는 Lovable이 가상 환경에서 실행되는 실제 브라우저에서 앱과 상호작용할 수 있게 해줍니다. 에이전트는 버튼을 클릭하고, 양식을 작성하고, 페이지를 탐색하고, 코드만으로는 알 수 없는 실제 사용자 동작을 스크린샷으로 검증할 수 있습니다.

브라우저 테스트를 사용하여 사용자 플로우를 검증하고, 시각적 또는 동작 문제를 디버그하고, 다양한 화면 크기에서 변경 사항이 예상대로 작동하는지 확인하세요.

브라우저 테스트로 할 수 있는 것

브라우저 테스트가 실행되면 에이전트는 다음을 수행할 수 있습니다:

Lovable은 더 빠른 검증 방법을 먼저 시도한 후 선택적으로 브라우저 테스트를 사용합니다.

브라우저 테스트는 다음 경우에 실행될 수 있습니다:

명시적으로 무언가가 작동하는지 확인을 요청할 때. 일반적인 트리거 문구:
"작동하는지 확인해줘", "제대로 되는지 확인해줘", "이거 테스트해줘", "작동하는지 체크해줘"
로그나 코드 검사로는 시각적 또는 UI 문제를 찾을 수 없을 때
더 큰 기능 변경이 있고, Lovable이 플로우 테스트를 제안하며 사용자가 확인할 때

Lovable에게 큰 변경을 하고 테스트하라고 같은 프롬프트에서 요청하지 마세요.

브라우저 테스트가 멈추고 중지하면 해당 단계에서 수행된 작업이 손실될 수 있습니다.

더 안전한 방법은 먼저 빌드한 다음, 후속 프롬프트에서 테스트하는 것입니다.

브라우저는 보안 가상 환경에서 원격으로 실행됩니다. 개인 브라우저가 아니며 로컬 세션을 차지하지 않습니다.

브라우저 테스트는 항상 현재 작업 중인 프로젝트의 미리보기에서 실행되며 보고 있는 앱의 정확한 버전을 테스트합니다.
앱이 인증을 사용하는 경우, 브라우저 테스트는 미리보기에서 현재 로그인한 것과 동일한 앱 사용자로 실행됩니다. 클릭하거나 트리거해서는 안 되는 작업이나 영역이 있다면 명시적으로 알려주세요.
일부 Lovable Cloud 앱은 test 및 live 환경 기능을 사용합니다. 이 기능이 활성화되면 브라우저 테스트는 test 환경의 프로젝트 미리보기에서 실행됩니다.

전용 상세 보기에서 테스트 프로세스를 따라갈 수 있으며, 에이전트는 다음을 수행합니다:

브라우저 테스트는 에이전트가 실제 브라우저와 상호작용하고 결과를 검증하기 때문에 일반 작업보다 느립니다.

아래 예시는 프로필 페이지 문제를 발견한 후 브라우저 테스트를 수동으로 트리거하는 방법을 보여줍니다. Lovable에게 문제를 재현하고, 수정한 다음, 수정이 작동하는지 확인하도록 요청하세요. 예:

프로필을 클릭하면 페이지가 충돌해. 브라우저에서 재현하고, 수정한 다음, 수정이 작동하는지 확인해줘.

canvas 기반 또는 그리기 도구와 상호작용할 수 없습니다