재사용 가능한 JS 단계(자바스크립트 스니펫)

자주 사용하는 JavaScript 코드 스니펫이 있는 경우 해당 사용자 지정 코드 스니펫을 Autify에 저장하고 시나리오에 삽입할 수 있습니다.

워크스페이스에서 JS 코드 조각 만들기

워크스페이스 설정에서 JavaScript 스니펫이라는 섹션을 찾을 수 있습니다. 여기에서 저장된 모든 JS 스니펫을 찾을 수 있습니다. 새 스니펫을 만들려면 추가 버튼을 클릭합니다.

그러면 자바스크립트 스니펫 편집기로 이동합니다. 먼저 생성한 스니펫의 이름을 지정해야 합니다.

여기에서 나중에 사용하기 위해 저장하려는 코드를 입력할 수 있습니다. 코드는 이미 함수로 래핑되어 있으므로 편집기에서 함수를 정의할 필요는 없지만 필요에 따라 추가 함수를 정의할 수 있습니다.

괄호 안의 + 버튼을 클릭하여 함수에 인수를 추가할 수도 있습니다. 그런 다음 화면 오른쪽에 인수 값을 입력할 수 있습니다. 인수를 사용하면 코드 스니펫을 훨씬 더 역동적이고 유연하게 만들 수 있습니다. 인자에 대한 자세한 내용은 JS 단계 섹션에서 확인할 수 있습니다.

완료되면 화면 하단의 추가 버튼을 클릭합니다.

테스트 시나리오에 JS 스니펫 삽입하기

스니펫이 저장되면 시나리오 세부 정보 페이지에서 모든 시나리오에 추가할 수 있습니다. 이렇게 하려면 코드 조각을 삽입하려는 지점에서 단계 사이에 있는 + 버튼을 클릭합니다. 그런 다음 스니펫에서 JS 스텝 삽입을 선택하고 마지막으로 삽입할 스니펫을 선택합니다.

JS 스니펫이 특정 요소와 상호작용하는 경우 웹페이지에서 해당 요소에 액세스할 수 있는 지점에 스니펫을 추가해야 한다는 점에 유의해야 합니다.

스니펫을 선택하면 JS 단계가 테스트 시나리오에 성공적으로 삽입됩니다. 다른 JS 단계와 마찬가지로 후속 단계에서 반환 값을 사용할 수 있습니다.

자바스크립트 스니펫 자동화

Autify 자바스크립트 스니펫은 Autify에서 만든 자주 사용되는 자바스크립트 스니펫 라이브러리로, 템플릿 형태로 제공됩니다. 필요에 따라 자유롭게 편집하여 사용하세요.