브라우저 신서틱 테스트¶

브라우저 신서틱 테스트는 실제 브라우저처럼 페이지에 접근하여 로그인, 클릭, 입력, 요소 대기, 텍스트 어서션 등 완전한 사용자 작업 경로를 녹화할 수 있습니다. 이를 통해 Web 애플리케이션의 실제 브라우저 환경에서의 가용성과 성능을 모니터링할 수 있습니다.

브라우저 플러그인으로 페이지 작업을 녹화하여 YAML 스크립트를 생성하거나, YAML 파일을 직접 업로드하면 시스템이 자동으로 시각적 단계로 파싱합니다. 지정한 빈도로 특정 노드에서 실행되며, 상세한 실행 로그, 성능 메트릭 및 실패 스크린샷을 제공하여 페이지 수준의 장애를 신속하게 파악할 수 있습니다.

생성하기¶

생성 > 브라우저 신서틱 테스트로 이동하여 브라우저 신서틱 테스트 규칙 구성 페이지로 진입합니다.

1단계: 접속 페이지 정의¶

1. URL: 모니터링할 페이지의 시작 접속 주소를 입력합니다. http 및 https 프로토콜을 지원합니다.

2. 고급 설정: 펼치면 요청 설정, 인증서, 프록시 및 개인정보 옵션을 구성할 수 있습니다.

3. 개인정보: 실패 시 스크린샷과 민감 정보 마스킹이 기본적으로 활성화됩니다.

   • 스크린샷이 활성화되면 신서틱 테스트 실패 시 시스템이 자동으로 현재 페이지 화면을 캡처하여 문제 해결에 도움을 줍니다.
   • 마스킹이 활성화되면 스크린샷 및 로그의 민감 정보가 자동으로 숨겨집니다.

4. 이름: 브라우저 신서틱 테스트 규칙의 이름을 직접 지정합니다. 현재 워크스페이스 내에서 중복 이름을 허용하지 않습니다.

2단계: 신서틱 테스트 노드 선택¶

신서틱 테스트를 실행할 노드를 선택합니다. 중국 지역 또는 해외 지역(상용 플랜 이상 사용자만 해당)의 노드 하나 이상을 선택하여 서로 다른 지역의 실제 브라우저 접속 환경을 시뮬레이션할 수 있습니다.

3단계: 작업 단계 구성¶

브라우저 신서틱 테스트는 YAML 스크립트를 통해 페이지 작업 단계를 정의합니다. 다음 두 가지 방법으로 가져올 수 있습니다.

• 브라우저 플러그인 가져오기: browser-dial Recorder 플러그인을 다운로드하여 설치한 후 브라우저에서 페이지 작업을 녹화하고 생성된 YAML 파일을 한 번에 가져옵니다.
• YAML 직접 업로드: 로컬에서 작성했거나 기존에 보유한 YAML 스크립트 파일을 드래그 앤 드롭하거나 클릭하여 업로드합니다.

업로드 후 시스템이 자동으로 스크립트를 파싱하고 파싱 상태, 단계 수 및 변수 수를 표시합니다. 파싱에 성공하면 페이지에 변수 구성과 시각적 단계가 표시됩니다. 파싱에 실패하면 페이지에 구체적인 오류 메시지가 표시되며 저장이 차단됩니다.

변수 구성¶

변수는 YAML 스크립트 파싱을 통해 생성되며, 일반 텍스트와 암호문 두 가지 유형을 지원합니다.

• 일반 텍스트: 일반 텍스트로 편집 및 표시할 수 있습니다.
• 암호문: 기본적으로 마스킹되어 표시됩니다. 저장 후에는 일반 텍스트로 다시 표시할 수 없으며, 수정하려면 새 값만 다시 입력할 수 있습니다.

시각적 단계¶

파싱된 단계는 시각적 카드 형태로 표시되며, 단계 번호, 작업 유형, 대상 요소, 기대값 등의 정보를 포함합니다. 기본적으로 최대 6개의 단계가 표시되고, 나머지는 자동으로 접혀 있으며 클릭하면 전체를 펼칠 수 있습니다. 일반적인 작업 유형으로는 페이지 열기, 텍스트 입력, 요소 클릭, 요소 나타날 때까지 대기, 텍스트 어서션 등이 있습니다.

개별 단계를 클릭하여 기대값을 편집하거나, YAML 모드로 전환하여 스크립트 내용을 확인하고 수정할 수 있습니다. YAML 모드에서 시각적 모드로 전환하면 변경 사항이 동기화되어 업데이트됩니다.

5단계: 실행 정책¶

1. 실행 빈도: 신서틱 테스트 작업의 실행 빈도를 선택합니다. 1분, 5분, 15분, 30분, 1시간, 6시간, 12시간, 24시간 등의 고정 옵션 또는 사용자 정의 Crontab 표현식을 지원합니다.

2. 실패 시 재시도: 기본적으로 비활성화되어 있습니다. 활성화하면 신서틱 테스트가 네트워크 시간 초과, 요소 대기 시간 초과 또는 어서션 실패로 인해 실행 실패 시, 설정된 재시도 횟수(0~3회) 및 간격(5~300초)에 따라 자동으로 다시 실행됩니다.

3. 재시도 중 한 번이라도 성공하면 해당 회차 신서틱 테스트 결과는 "재시도 성공"으로 기록됩니다.

4. 모든 재시도가 실패하면 해당 회차 결과는 "실패"로 기록됩니다.

스크립트 파싱 실패는 재시도를 트리거하지 않습니다.

신서틱 테스트 결과 확인¶

신서틱 테스트 목록¶

브라우저 신서틱 테스트 실행 후, 신서틱 테스트 목록에서 모든 실행 기록을 확인할 수 있습니다. 기본적으로 다음 정보가 표시됩니다.

• 상태: 성공, 실패, 재시도 성공, 실행 중
• 시간: 해당 신서틱 테스트 실행 시간
• 규칙 이름: 브라우저 신서틱 테스트 규칙 이름, 클릭하여 상세 정보로 이동
• URL 주소: 시작 접속 페이지
• 신서틱 테스트 노드: 신서틱 테스트를 실행한 노드 이름
• 실패 유형: 네트워크 시간 초과, 요소 대기 시간 초과, 어서션 실패 등
• 총 소요 시간: 해당 실행의 총 소요 시간

신서틱 테스트 상세¶

목록에서 규칙 이름을 클릭하여 상세 페이지로 이동합니다. 상단에 상태, 실행 시간, 작업 이름, 소요 시간, 브라우저 유형, 신서틱 테스트 노드 및 URL 주소가 표시됩니다. 오른쪽의 ...를 클릭하면 드롭다운이 펼쳐지며 JSON 파일 내보내기 및 규칙 상세 보기를 지원합니다.

상세 페이지는 세 개의 탭으로 구성됩니다.

1. 실행 상세

• 실패 요약: 신서틱 테스트가 실패한 경우에만 표시되며, 실패 원인을 요약합니다.
• 재시도 기록: 실행 중 재시도가 트리거된 경우 각 재시도의 시간과 결과를 표시합니다. 재시도가 발생하지 않은 경우 표시되지 않습니다.
• 실행 단계: 테이블 형식으로 각 단계의 실행 결과를 표시하며, 상단에 총 단계 수 및 성공/실패/미실행 수를 요약하여 보여줍니다. 단계를 클릭하면 상세 정보를 펼쳐 볼 수 있으며, 여기에는 작업 유형, 대상 요소, 시간 초과 시간, 현재 페이지 주소, 실패 원인, 스크린샷, Console 오류 및 리소스 로드 실패 수가 포함됩니다.
• 주요 메트릭: TTFP(첫 바이트 시간), 로딩 시간(페이지 로딩 시간), LCP(최대 콘텐츠 페인트), CLS(누적 레이아웃 시프트) 및 총 소요 시간을 표시합니다.

구성에서 실패 시 스크린샷이 활성화된 경우 해당 단계에서 실패 시 페이지 스크린샷을 확인할 수 있습니다.

입력 단계의 암호문 변수는 상세 정보에서 ********와 같이 마스킹된 값으로 표시됩니다.

2. 변수

이번 실행에 사용된 변수와 값을 표시합니다. 암호문 변수는 마스킹된 값만 표시됩니다.

3. 확장 속성

이번 신서틱 테스트의 모든 필드 정보를 표시합니다.