명령 하나로 브라우저에서 앱 테스트하기

프로젝트 채팅에 /test를 입력하면 Mythex가 사람처럼 앱을 테스트합니다. 브라우저에서 라이브 미리보기를 열고, 페이지를 방문하고, 버튼을 클릭하고, 양식을 채운 뒤, 무엇이 작동했고 무엇이 작동하지 않았는지 채팅으로 보고합니다. “회원가입과 가격 페이지를 테스트해 줘”처럼 특정 흐름을 지정할 수도 있고, 에이전트에게 앱에서 가장 자연스러운 경로를 따라가 달라고 맡길 수도 있습니다.

무엇을 하나요

앱 테스트는 소스 코드만이 아니라 라이브 미리보기를 검사합니다. Mythex는 실행 중인 앱에 대해 브라우저를 구동하고, 필요할 때는 스크린샷을 포함해 화면에 보이는 것을 기록한 뒤 결과 요약을 채팅에 씁니다.

이것은 소스를 읽는 것과는 다른 종류의 점검입니다. 코드는 맞아 보여도 사용해 보면 실패할 수 있습니다. 잘못된 핸들러에 연결된 버튼, 제출은 되지만 확인 화면이 나타나지 않는 양식, 로그인한 뒤에만 깨지는 페이지 같은 것들입니다. 이런 문제는 실제로 앱을 사용해 봐야 찾을 수 있고, 앱 테스트가 그 일을 대신 해 줍니다.

왜 도움이 되나요

에이전트와 함께 빌드할 때는 미리보기로 진행 상황을 판단합니다. 여기저기 눌러 보고 괜찮아 보이면 다음으로 넘어갑니다. 하지만 변경할 때마다 모든 흐름을 클릭해 보는 것은 지루하고, 방금 바꾼 페이지만 확인하고 다른 곳을 조용히 망가뜨린 것을 놓치기 쉽습니다.

앱 테스트는 “여전히 잘 작동하나요?”라는 질문을 메시지 하나로 바꿉니다. 중요한 경로를 설명하면 에이전트가 그 경로를 따라가고, 바로 행동할 수 있는 보고서를 받습니다. 같은 채팅에서 실행되므로 수정은 메시지 한 번 떨어진 거리에 있습니다.

실행 방법

미리보기가 실행 중이고 앱이 보이는지 확인합니다. 앱 테스트는 미리보기를 대상으로 작동하므로, 미리보기가 비어 있거나 아직 시작 중이면 기다리거나 먼저 그것을 해결하세요.
프로젝트 채팅에 /test를 입력합니다. 일반 문장으로 “브라우저에서 앱을 테스트해 줘”라고 말해도 됩니다.
원한다면 집중할 부분을 말합니다. 예를 들어 “회원가입과 가격 페이지를 테스트해 줘” 또는 “계정을 만들고, 항목을 추가하고, 결제해 줘”.
보고서를 읽습니다. Mythex가 무엇을 시도했고 무엇이 잘못되었는지 요약하며, 도움이 되는 곳에는 스크린샷이 함께 있습니다.
찾은 문제를 /fix나 일반 빌드 메시지로 고칩니다.
/test를 다시 실행해 수정이 작동하고 다른 것이 깨지지 않았는지 확인합니다.

언제 사용하나요

큰 UI 변경 후. 새 레이아웃이나 내비게이션은 직접 건드리지 않은 흐름을 깨뜨릴 수 있습니다.
게시하기 전에. 방문자가 발견하기 전에 명백한 문제를 잡으세요.
미리보기는 괜찮아 보이지만 흐름이 그렇지 않을 수 있을 때. 회원가입 후 로그인하고 무언가를 하는 것처럼 여러 단계로 된 경로가 가장 확인할 가치가 큽니다.

좋은 결과를 얻는 방법

요청이 명확할수록 보고서가 더 유용합니다.

정상 경로를 설명하세요. “계정을 만들고, 항목을 추가하고, 결제한다”는 에이전트에게 따라갈 분명한 순서와 확인할 분명한 결과를 줍니다. “전부 테스트해 줘”는 무엇이 중요한지 추측하게 만듭니다.
바꾼 페이지나 기능의 이름을 말하세요. 방금 가격 페이지를 다시 만들었다면 그렇게 말하세요.
작은 단위로 테스트하세요. 무언가를 바꾸고, 테스트하고, 고치고, 다시 테스트합니다. 한 번에 하나만 바뀌면 무엇이 깨졌는지 보기가 더 쉽습니다.
체크포인트와 함께 쓰세요. 변경이 고친 것보다 더 많은 것을 망가뜨렸다면, 위에 덧대기보다 마지막으로 잘 작동한 턴으로 되돌리세요.

한계

게시된 사이트가 아니라 미리보기를 테스트합니다. 앱 테스트는 여러분의 비공개 작업 공간에 있는 라이브 미리보기를 대상으로 실행됩니다. 방문자가 보는 게시된 URL의 버전은 확인하지 않습니다. 준비가 되면 따로 게시하세요.
미리보기가 실행 중이어야 합니다. 실행되고 있지 않으면 테스트할 것이 없습니다.
지정한 경로만 따라갑니다. 집중된 요청은 집중된 점검을 받습니다. 빠짐없는 테스트 스위트는 아닙니다.
보고하는 것은 여러분이 결정합니다. 앱 테스트는 무엇이 깨졌는지 알려 줍니다. 고치는 것은 /fix나 빌드 메시지로 하는 별도의 단계입니다.

문제를 찾은 뒤 원인을 추적하는 방법이 궁금하다면, AI로 만든 앱을 디버깅하는 법 가이드가 과정을 설명합니다. 미리보기 자체에 대해서는 모든 프로젝트를 위한 비공개 작업 공간과 라이브 미리보기를 참고하세요.

자세한 내용은 문서 페이지에서 확인하세요: 앱 테스트.