JS 단계

저희는 코딩이 필요 없는 솔루션이라고 말합니다만 그렇다고 코딩을 할 수 없다는 뜻은 아닙니다! Autify 내에서 기본적으로 광범위한 테스트를 수행할 수 있지만 일부 고객은 더 고급 테스트가 필요하고 Autify의 기본 기능을 뛰어넘기를 원합니다. 이러한 경우 고객은 JavaScript를 활용하여 테스트 범위를 크게 확장할 수 있습니다.

JS 단계란 무엇인가요?

[JS Step] 은 Autify의 [시나리오] 내에서 JavaScript를 실행할 수 있는 함수입니다.
이 함수를 사용하면 Autify의 표준 함수에서 지원하지 않는 기능을 사용할 수 있습니다.

이 함수의 강력한 특성을 고려하여 아래에 자세한 설명을 제공했습니다.
이 기능을 사용하는 방법에 대한 섹션이 끝나면 이 글의 후반부에서 구체적인 사용 사례를 확인할 수 있습니다. 도움이 되셨기를 바랍니다!

시나리오에서 JS 스텝을 추가하는 방법

1. JS 스텝 을 추가할 시나리오 세부 정보 페이지로 이동합니다.

2. JS 스텝 을 추가할 스텝 사이로 커서를 이동합니다.
   

3. + 아이콘을 클릭하고 스텝 삽입을 선택합니다. 표시되는 메뉴에서 JS 단계를 선택합니다.
   

4. 텍스트 편집기에 자바스크립트 코드를 입력합니다. 코드는 이미 함수로 래핑되어 있으므로 해당 구문을 포함할 필요가 없습니다.
   

5. 선택적으로 JS 단계의 이름을 지정하고 이 특정 단계에서 일어나는 일에 대한 설명과 같은 메모를 포함할 수 있습니다.
   

6. 저장 을 클릭합니다.

JS 단계에서 얻거나 생성한 값을 다른 단계에서 사용합니다.

JS Step 에서는 페이지에 표시된 요소에서 정보를 가져오거나 값을 생성할 수 있습니다. 반환 을 사용하면 이 정보를 후속 단계에서 사용할 수 있습니다. 실제 return 값은 테스트 결과에서 확인할 수 있습니다.

JS 단계에서 return을 하지 않으면 이 값은 null이 됩니다.

조작 단계나 어서션 단계에서 사용합니다

1. 시나리오 상세 페이지 에서 반환값을 삽입할 단계를 클릭합니다.
2. 할당할 텍스트 드롭다운에서 다른 스텝의 결과 를 선택하고 데이터를 삽입할 원하는 JS 스텝 을 선택합니다.
   

JS 스텝의 인수로 사용하기

JS 스텝에서 반환된 값을 다른 JS 스텝의 인수로 사용할 수 있습니다. 자세한 내용은 아래의 'JS 스텝에서 인수 사용' 섹션에 설명되어 있습니다.

JS 스텝에서 인자로 사용하기

1. 인수를 전달하려는 JS 스텝 의 썸네일을 클릭합니다.

2. 함수 괄호 안에 있는 + 아이콘을 클릭합니다.
   

3. 인수의 이름을 입력하고 추가를 클릭합니다.
   

4. 인수 값 에서 전달할 값의 유형을 선택합니다.

   • 주어진 값 을 사용하면 문자열에 하드코딩할 수 있습니다.
   • 테스트 이메일 주소를 사용하면 미리 생성된 테스트 이메일 주소를 선택할 수 있습니다.
   • 데이터를 통해 시나리오에서 데이터 열을 선택할 수 있습니다.
   • 다른 단계의 결과 를 사용하면 이전 JS 단계 또는 동적 값의 반환값을 전달할 수 있습니다.
     

5. 이미 추가된 인수를 삭제하거나 이름을 바꾸려면 대상 인수를 클릭하고 필요한 편집을 수행합니다.
   

자바스크립트 스니펫

사용자의 편의를 위해 Autify로 테스트할 때 가장 일반적으로 사용되는 수십 개의 JS 코드 스니펫을 컴파일했습니다. JS 스니펫 링크는 여기에서 확인할 수 있습니다.

자바스크립트 코드 조각 사용 방법

1. 시나리오에 JS 단계 추가

2. JS 스니펫 자동 완성 데이터베이스에서 사용하려는 스니펫을 선택합니다.
   

3. JS 코드조각을 마우스로 가리키고 오른쪽 상단에 있는 "복사" 아이콘을 클릭하여 복사합니다.
   

4. 스니펫을 JS 단계에 붙여넣고 테스트에 맞게 코드를 필요한 대로 변경합니다.
   

JS 단계 사용 사례

JS 단계를 사용하여 Autify로 테스트할 수 있는 방법은 여러 가지가 있습니다. 다음은 몇 가지 사용 사례의 예입니다:

• API 호출
• 쿠키 처리
• 사용자 지정 어설션