JavaScript 스텝/Playwright 코드 스텝의 값을 후속 스텝에서 사용하는 방법

JavaScript 스텝이나 Playwright 코드 스텝에서 생성 및 가져온 값을 후속 스텝(예: 텍스트 입력 또는 이동)에서 동적으로 사용하는 방법을 설명합니다.

절차

1. 값을 출력하는 스텝 생성하기

먼저, 값을 생성하여 전달할 스텝을 설정합니다.

1. 시나리오 편집기에서 JavaScript 스텝 또는 Playwright 코드 스텝을 추가합니다.

2. 스텝의 코드 필드에 처리 로직을 작성합니다.

3. 코드의 마지막에서 후속 스텝에 전달하려는 값을 return 문으로 반환합니다.

   JavaScript 스텝 예시:

   return "test";  
   

   Playwright 코드 스텝 예시:

   const title = await page.title();  
   return title;  
   

   참고: return 문이 없는 경우 값은 후속 스텝으로 전달되지 않습니다.

4. 스텝을 저장합니다.

2. 후속 스텝에서 값 참조하기

다음으로, 출력된 값을 수신할 스텝을 설정합니다.

1. 값을 사용하려는 스텝(예: 텍스트 입력)의 편집 화면을 엽니다. ※이 스텝은 값을 전달하는 스텝보다 순서상 뒤에 위치해야 합니다.

2. 값을 지정하는 항목 상단에 있는 드롭다운(기본값: 값 지정)을 클릭하고 다른 스텝의 결과를 선택합니다.

   

3. 표시된 드롭다운 목록에서 1단계에서 생성한 스텝을 선택합니다.[![]

   

4. 스텝을 저장합니다.

유의 사항

• 스텝 순서: 값을 참조하려면 참조 소스 스텝(JavaScript 스텝 등)이 참조 대상 스텝보다 앞에 위치해야 합니다.

• 데이터 유형: return으로 반환된 값은 문자열(String)로 후속 스텝에 전달됩니다.

• Playwright 코드 스텝으로의 변환: 다른 스텝의 결과를 사용하는 스텝은 Playwright 코드 스텝으로 변환할 수 없습니다.