개요

브라우저 테스트는 Datadog이 웹 애플리케이션에서 실행하는 시나리오입니다. 전 세계의 다중 위치에서 다양한 브라우저 및 기기에서 설정 가능한 주기로 실행됩니다. 해당 테스트는 애플리케이션이 실행 중이고 요청에 응답하는지, 시나리오에서 정의한 모든 조건을 충족하는지 확인합니다.

테스트 설정

브라우저 테스트의 설정을 정의합니다.

1. Starting URL 입력: 브라우저 테스트가 시나리오를 시작하는 URL입니다.

2. 이름 추가: 브라우저 테스트의 이름입니다.

3. 환경 및 추가 태그 선택: 브라우저 테스트와 관련된 env 및 연관 태그를 설정합니다. <KEY>:<VALUE> 형식으로 대상 <KEY>의 <VALUE>을 필터링합니다.

4. 브라우저 및 기기 선택: 테스트를 실행할 브라우저(예: Chrome, Firefox, Edge)와 기기(예: Laptop Large, Tablet, Mobile Small)를 선택합니다.

   • 대형 노트북의 경우 크기는 1440 픽셀 x 1100 픽셀입니다.
   • 태블릿 기기의 경우 크기는 768 픽셀 x 1020 픽셀입니다.
   • 소형 모바일 기기의 경우 크기는 320 픽셀 x 550 픽셀입니다.

5. 관리 및 프라이빗 위치 선택: Datadog이 관리하는 전 세계의 위치를 선택하거나 프라이빗 위치를 생성하여, 사용자 설정 위치 또는 내부 프라이빗 네트워크에서 브라우저 테스트를 실행합니다.

   Datadog’s out-of-the-box managed locations allow you to test public-facing websites and endpoints from regions where your customers are located.

   Americas	APAC	EMEA
   Canada Central (AWS)	Hong Kong (AWS)	Cape Town (AWS)
   Northern California (AWS)	Mumbai (AWS)	Frankfurt (AWS)
   Northern Virginia (AWS)	Seoul (AWS)	Ireland (AWS)
   Ohio (AWS)	Singapore (AWS)	London (AWS)
   Oregon (AWS)	Sydney (AWS)	Paris (AWS)
   São Paulo (AWS)	Tokyo (AWS)	Stockholm (AWS)
   Virginia (Azure)	Osaka (AWS)	Milan (AWS)
   	Jakarta (AWS)	Bahrain (AWS)

   The Datadog for Government site (US1-FED) uses the following managed location:

   Americas
   US-West

   또한 Continuous Testing Tunnel을 통해 로컬 개발 설정 또는 CI/CD 파이프라인에서 테스트를 트리거하여 내부 환경을 테스트할 수도 있습니다.

6. 테스트 주기 설정: 주기는 매 5분마다부터 일주일에 한 번까지 다양하게 설정할 수 있습니다. 1분 주기로 테스트해야 하는 경우 지원 팀에 문의하세요.

고급 옵션

Create local variables

To create a local variable, click Create a Local Variable. You can select one of the following available builtins to add to your variable string:

{{ numeric(n) }}

Generates a numeric string with n digits.

{{ alphabetic(n) }}

Generates an alphabetic string with n letters.

{{ alphanumeric(n) }}

Generates an alphanumeric string with n characters.

{{ date(n unit, format) }}

Generates a date in one of Datadog’s accepted formats with a value corresponding to the UTC date the test is initiated at + or - n units.

{{ timestamp(n, unit) }}

Generates a timestamp in one of Datadog’s accepted units with a value corresponding to the UTC timestamp the test is initiated at +/- n units.

{{ uuid }}

Generates a version 4 universally unique identifier (UUID).

{{ public-id }}

Injects the Public ID of your test.

{{ result-id }}

Injects the Result ID of your test run.

To obfuscate local variable values in test results, select Hide and obfuscate variable value. Once you have defined the variable string, click Add Variable.

전역 변수 사용

브라우저 테스트 세부정보의 Starting URL 및 Advanced Options, 테스트 기록에서 Settings에 정의된 [전역 변수]를 사용할 수 있습니다.

사용 가능한 변수의 목록을 표시하려면 다음을 참고하세요.

• 브라우저 테스트 세부 정보에서: 원하는 필드에 {{을 입력합니다.

• 브라우저 테스트의 레코더에서: 테스트에서 변수를 내보낸 다음 원하는 필드에 {{을 입력하거나 애플리케이션에 변수를 삽입하여 사용합니다.

브라우저 테스트 기록 시 변수 활용 방법을 알아보려면 브라우저 테스트 단계를 참고하세요.

경고 조건 정의

경고 조건을 맞춤 설정하여 테스트가 알림을 전송하는 상황을 정의할 수 있습니다.

• 어설션이 N 위치의 n에서 X분 동안 실패하면 경고가 발동합니다. 본 경고 규칙을 활용하면 경고가 발동하기 전 테스트의 실패 기간과 테스트 실패 위치 수를 지정할 수 있습니다.
• 해당 위치가 실패로 표시되기 전 X을 여러 번 재시도합니다. 해당 기능으로 위치 테스트 실패 결과가 나타나는 연속 테스트 실패 횟수를 정의할 수 있습니다. 실패한 테스트를 재시도하기 전 300밀리초의 대기 시간이 기본값으로 설정되어 있습니다. 이 주기는 API를 사용하여 설정할 수 있습니다.

테스트 모니터링 설정

설정된 경고 조건에 따라 알림이 전송됩니다. 이 섹션을 사용하여 팀에 메시지를 보내는 방법과 내용을 정의하세요.

1. 브라우저 테스트용 메시지를 입력합니다. 이 필드는 표준 마크다운 형식을 허용하며 다음 조건 변수를 지원합니다.

   조건 변수	설명
   {{#is_alert}}	모니터가 경고할 때 표시합니다.
   {{^is_alert}}	모니터가 경고하지 않는 한 표시됩니다.
   {{#is_recovery}}	모니터가 alert로부터 복구된 시점을 표시합니다.
   {{^is_recovery}}	모니터가 alert에서 복구되지 않으면 표시됩니다.
   {{#is_renotify}}	모니터가 다시 알림을 보낼 때 표시됩니다.
   {{^is_renotify}}	모니터가 다시 알림을 보내지 않을 때 표시됩니다.
   {{#is_priority}}	모니터가 우선순위(P1~P5)와 일치하는 경우에 표시합니다.
   {{^is_priority}}	모니터가 우선순위(P1~P5)와 일치하지 않는 경우 표시됩니다.

   알림 메시지에는 이 섹션에 정의된 메시지와 실패한 위치에 대한 정보가 포함됩니다.

2. 알림을 보낼 팀원과 서비스를 선택하세요.

3. 재알림 빈도를 지정합니다. 실패한 테스트에 대한 재알림을 방지하려면 Never renotify if the monitor has not been resolved 옵션을 그대로 둡니다.

4. 세부 사항 저징 및 테스트 기록을 클릭하여 테스트 설정을 저장하고 브라우저 단계를 기록합니다.

자세한 내용은 신서틱 테스트 모니터링 사용을 참고하세요.

단계 기록하기

테스트는 Google Chrome으로만 기록할 수 있습니다. 테스트를 기록하려면 Datadog Google Chrome용 테스트 기록 확장 프로그램을 다운로드하세요.

브라우저 테스트 기록 시 탭을 전환해 애플리케이션에서 작업을 실행하고(예: 다른 탭을 여는 링크를 클릭) 다른 테스트 단계를 추가할 수 있습니다. 브라우저 테스트는 어설션 실행 전 반드시 먼저 페이지와 클릭을 통해 상호 작용해야 합니다. 테스트 단계를 모두 기록하면 테스트 실행 시 브라우저 테스트가 탭을 자동 전환합니다.

1. 옵션으로 페이지 오른쪽 상단의 팝업에서 열기를 선택하여 별도의 팝업 창에서 테스트 기록 작업을 열 수 있습니다. 본 옵션은 애플리케이션이 iframe에서 열기를 지원하지 않거나 기록 시 크기 조정 문제를 피하고 싶을 때 유용하게 사용할 수 있습니다. 아울러, 시크릿 모드에서 팝업을 열어 기존 로그인 세션 및 브라우저의 쿠키 등이 없는 새 브라우저에서 테스트 기록을 시작할 수도 있습니다.

2. 필요시 브라우저 테스트에서 단계 기록을 실행할 때 Datadog이 자동으로 RUM 데이터를 수집하도록 활성화합니다. 자세한 내용은 RUM 탐색 및 세션 재생을 참고하세요.

3. 브라우저 테스트 기록을 시작하려면 기록 시작을 클릭합니다.

4. 모니터링하려는 사용자 경로를 실행하는 애플리케이션을 클릭하면 작업이 자동으로 기록되어 왼쪽의 브라우저 테스트 시나리오 내의 단계를 생성하는 데 활용됩니다.

5. 자동으로 기록되는 테스트 단계 외에도 왼쪽 상단의 단계기능으로 더욱 다양한 시나리오를 생성할 수 있습니다.

   Datadog은 브라우저 테스트에서 실행된 경로가 예상한 상태에서 도출되었는지 확인하기 위해 브라우저 테스트를 **어설션**으로 종료할 것을 권장합니다.

6. 시나리오가 종료되면 저장 후 테스트 시작을 클릭합니다.

권한

기본적으로 Datadog 관리자 및 Datadog 표준 역할로 설정된 사용자만 신서틱 브라우저 테스트를 생성, 편집, 삭제할 수 있습니다. 신서틱 브라우저 테스트 생성, 편집, 삭제, 접근 권한을 얻으려면 사용자를 이 두 가지 기본 역할 중 하나로 업그레이드하세요.

커스텀 역할 기능을 사용하는 경우 synthetics_read 및 synthetics_write 권한을 포함하는 모든 커스텀 역할에 사용자를 추가합니다.

액세스 제한

커스텀 역할으로 설정된 계정 고객의 경우 액세스 제한이 가능합니다.

조직의 역할에 따라 브라우저 테스트에 대한 액세스를 제한할 수 있습니다. 브라우저 테스트를 생성할 때 사용자 외에 테스트를 읽고 쓸 수 있는 역할을 선택합니다.

참고 자료

추가 유용한 문서, 링크 및 기사:

브라우저 테스트로 사용자 경험 모니터링블로그 엔드 투 엔드 테스트 생성 모범 사례블로그 신서틱(Synthetic) 테스트 사용학습 센터 브라우저 테스트 시작하기설명서 Synthetic 테스트 모니터에 대해 알아보기설명서 Terraform으로 신서틱(Synthetic) 브라우저 테스트 생성 및 관리외부 사이트