diff --git a/content/en/synthetics/browser_tests/actions.md b/content/en/synthetics/browser_tests/actions.md index a554122198866..9dfeb6b5e5ba8 100644 --- a/content/en/synthetics/browser_tests/actions.md +++ b/content/en/synthetics/browser_tests/actions.md @@ -472,6 +472,18 @@ If a variable is assigned different values along your browser test steps (for ex Some variables only compute at runtime, such as a variable from an HTTP request or a JavaScript step. For example, assume you have a `Type text` step featuring `{{ }}`. At test execution, `{{ }}` is systematically replaced by your variable's associated value. To record a step using one of these variables, record a step with the actual variable value, and replace the actual value with `{{ }}` in the step's definition before saving your test. +### Use multiple variables + +You can add multiple variables to your browser test recording steps. + +In your browser test recording, click the **+ Add Variable** button to add one or more variables to your test: + + {{< img src="synthetics/browser_tests/extract_multiple_variables.png" alt="Defining a local variable from global variables" width="90%" >}} + +In your browser test's recorder, add a step recording, and click **Extract variables from the response(optional)** to extract and use the variables in your browser test: + + {{< img src="synthetics/browser_tests/edit_test_extract_multiple_variables.png" alt="Injecting a local variable into a field during a browser recording" width="90%" >}} + ## Edit a recording To edit a browser recording after it's saved: diff --git a/static/images/synthetics/browser_tests/edit_test_extract_multiple_variables.png b/static/images/synthetics/browser_tests/edit_test_extract_multiple_variables.png new file mode 100644 index 0000000000000..a78843fc3d424 Binary files /dev/null and b/static/images/synthetics/browser_tests/edit_test_extract_multiple_variables.png differ diff --git a/static/images/synthetics/browser_tests/extract_multiple_variables.png b/static/images/synthetics/browser_tests/extract_multiple_variables.png new file mode 100644 index 0000000000000..f1aff3caaa073 Binary files /dev/null and b/static/images/synthetics/browser_tests/extract_multiple_variables.png differ