How to use the value of a JavaScript step or Playwright code step in subsequent steps

This article explains the steps to dynamically use values generated or retrieved in a JavaScript step or a Playwright code step in subsequent steps (e.g., Input text or Navigate).

Steps

1. Create a step that outputs a value

First, set up the step that generates and passes the value.

1. In the scenario editor, add a JavaScript step or a Playwright code step.

2. Write the process in the Code field of the step.

3. At the end of the code, return the value you want to pass to the subsequent steps using the return statement.

   Example of a JavaScript step:

   return "test";  

   Example of a Playwright code step:

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

   Note: If there is no return statement, the value will not be passed to the subsequent steps.

4. Save the step.

2. Reference the value in a subsequent step

Next, set up the step that receives the output value.

1. Open the edit screen of the step where you want to use the value (e.g., Input text).

   ※This step must be placed after the step that passes the value.

2. Click the dropdown above the field where you specify the value (default: Given value) and select Other step's output.

   

3. From the displayed dropdown list, select the step created in Step 1.

   

4. Save the step.

Notes

• Step order: To reference a value, the source step (such as a JavaScript step) must be placed before the destination step.

• Data type: The value returned by return is passed to the subsequent steps as a String.

• Conversion to Playwright code step: A step using Other step's result cannot be converted to a Playwright code step.