diff --git a/src/left-nav-title.json b/src/left-nav-title.json index ed44e854..6d0ae845 100644 --- a/src/left-nav-title.json +++ b/src/left-nav-title.json @@ -70,7 +70,7 @@ }, "rest-api": { "/docs/test-cases/step-types/rest-api/": "Type: REST API", - "/docs/continuous-integration/rest-api/": "REST API(Generic)" + "/docs/continuous-integration/rest-api/": "REST API (Generic)" }, "while-loop": { "/docs/test-cases/step-types/while-loop/": "Type: While Loop" diff --git a/src/pages/docs/api/test-plans.md b/src/pages/docs/api/test-plans.md index 7270ce9b..9e65344e 100644 --- a/src/pages/docs/api/test-plans.md +++ b/src/pages/docs/api/test-plans.md @@ -13,8 +13,11 @@ contextual_links: name: "Prerequisites" url: "#prerequisites" - type: link - name: "Test Plan - Start Test Execution API" - url: "#test-plan---start-test-execution-api" + name: "Trigger Test Plans Using API" + url: "#trigger-test-plans-using-api" +- type: link + name: "Trigger Test Plans in Different Environments" + url: "#trigger-test-plans-in-different-environments" - type: link name: "Obtaining the Run ID" url: "#obtaining-the-run-id" @@ -37,7 +40,7 @@ You can use Testsigma API to trigger test executions remotely. This is useful wh --- -## **Test Plan - Start Test Execution API** +## **Trigger Test Plans Using API** This endpoint allows users to trigger a Test Plan execution remotely. |**Request Type**| POST | @@ -113,6 +116,41 @@ Each Test Plan Run in Testsigma has a unique Run ID. This Run ID can be used to --- +## **Trigger Test Plans in Different Environments** + +To execute a test plan with different Environments, you need to have an Environment ID. You can find the Environment ID by following the steps below. + +### **Get Environment ID** + +1. Navigating to **Test Data > Environments**, and click on an **Environment**. + + +2. On the Environment page, the in the URL `https://app.testsigma.com/ui/td/88/environments//details` is the ID of the environment. + +![Environments](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ttpuapienv.png) + +- For Example, if the URL is `https://app.testsigma.com/ui/td/88/environments/10/details`, the **ID** is **10**. + +### **Executing Tests Plans with Different Environments** + +1. Navigate to **Test Plans > Test Plan > CI/CD Integrations**, and copy **CURL request** under **REST API to integrate with other tools > REST API call to start Test Plan**. +![CURL](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ttpuapicurl.png) + +2. Provide the Environment ID in the request body. + +``` +curl -X POST \ +-H "Content-type: application/json" \ +-H "Accept:application/json" \ +-H "Authorization: Bearer " \ +https://app.testsigma.com/api/v1/execution_results \ +-d "{\"executionId\": \"301\", \"environmentId\": \"\"}" +``` + +You can execute this CURL command in your computer's command-line interface (CLI) to trigger test plan with the environment specific to the given ID. + +--- + ## **Obtaining the Run ID** If the Test Plan Run was started from within the Testsigma App, the Run ID can be found from the Run Results page as shown below: @@ -216,3 +254,4 @@ This endpoint allows users to get details of all Test case executions using REST |**Request Body**|
{ 
"executionId": 268,
"executionResultId": 986,
"result": "FAILURE",
"status": "STATUS_COMPLETED",
"testCases": [
{
"testCaseId": 413,
"testCaseName": "03 data driven small",
"testCaseResultId": 7975,
"result": "FAILURE",
"isDataDrivenCase": true,
"iterationResults": [
{
"iterationResultId": 7963,
"setName": "examples",
"result": "SUCCESS"
},
{
"iterationResultId": 7976,
"setName": "travels",
"result": "FAILURE"
},
{
"iterationResultId": 7965,
"setName": "examples 1",
"result": "FAILURE"
}
],
"testSuiteId": 197,
"testSuiteName": "02 DD Small",
"testSuiteResultId": 2295,
"machineId": 414,
"machineTitle": "machine 2",
"machineResultId": 2370
}
]
}
|
 
 ---
+
diff --git a/src/pages/docs/continuous-integration/rest-api.md b/src/pages/docs/continuous-integration/rest-api.md
index 52ca0f10..64866f02 100644
--- a/src/pages/docs/continuous-integration/rest-api.md
+++ b/src/pages/docs/continuous-integration/rest-api.md
@@ -1,6 +1,6 @@
 ---
 title: "Integrate Testsigma with your CI/CD using REST API (Generic)"
-metadesc:  "How to integrate Testsigma with your CI/CD tool via a generic REST API"
+metadesc:  "Integrate Testsigma with your CI/CD tool via a generic REST API. You can trigger test plans using API and check status of the execution using the API details"
 noindex: false
 order: 12.12
 page_id: "Integrate Testsigma with your CI/CD using REST API (Generic)"
@@ -9,117 +9,153 @@ contextual_links:
 - type: section
   name: "Contents"
 - type: link
-  name: "pre-requisites"
-  url: "#pre-requisites"
+  name: "Prerequisites"
+  url: "#prerequisites"
 - type: link
-  name: "How to get the Testsigma Test Plan Trigger API"
-  url: "#how-to-get-the-testsigma-test-plan-trigger-api"
+  name: "Trigger Test Plans Using API"
+  url: "#trigger-test-plans-using-api"
 - type: link
-  name: "The CURL request format will look like this:"
-  url: "#the-curl-request-format-will-look-like-this"
+  name: "Check the Status of Test Plan Execution Using API"
+  url: "#check-the-status-of-test-plan-execution-using-api"
 - type: link
-  name: "How to get the Testsigma Test Plan Status Check API"
-  url: "#how-to-get-the-testsigma-test-plan-status-check-api"
-- type: link
-  name: "SCRIPT METHOD:"
+  name: "Script Method"
   url: "#script-method"
+- type: link
+  name: "Executing Tests Plans in Different Environments"
+  url: "#executing-tests-plans-in-different-environments"
 ---
 
 ---
 
-You can integrate Testsigma with your CI/CD tool to run automated tests on builds by:
 
-1. Making a POST request to the Testsigma Test Plan Trigger API, or
+You can integrate Testsigma with your CI/CD tool and trigger test plans and check execution status using REST APIs. This article discusses how to make requests to Testsigma to trigger test plans and check status using CURL & API requests.  
+
 
-2. Using the Test Plan Status Check API to regularly check for the execution status of your tests, until its complete.
 
 ---
-##**Pre-requisites:**
- You should already have the test plan that you want to execute. See [Test plan management](https://testsigma.com/docs/test-management/test-plans/overview/)
 
-You should also know how to [generate an API key from Settings](https://testsigma.com/docs/configuration/api-keys/) and get Test Plan ID from an existing Test Plan. If not, [please refer here](https://testsigma.com/docs/continuous-integration/get-test-plan-details/)
-## **How to get the Testsigma Test Plan Trigger API**
-1. Go to the specific Test Plan details page in the Testsigma tool (for the Test Plan that you want to include in your CI/CD Pipeline.) 
+## **Prerequisites**
+
+- You should already have the test plan that you want to execute. See [test plan management](https://testsigma.com/docs/test-management/test-plans/overview/)
+
+- You should also know how to [generate an API key from settings](https://testsigma.com/docs/configuration/api-keys/) and get **Test Plan ID** from an existing Test Plan. See [getting test plan details](https://testsigma.com/docs/continuous-integration/get-test-plan-details/). 
 
-2. Go to the CI/CD Integrations section on the Test Plan Details page.
 
-3. You will see the CURL request under the ‘REST API to integrate with other tools > REST API call to start Test Plan’. 
 ---
-##**The CURL request format will look like this:**
-```
-curl -X POST -H "Content-type: application/json" \
--H "Accept:application/json" \
--H "Authorization: Bearer "\
- https://app.testsigma.com/api/v1/execution_results \
--d "{\"executionId\": \"2090\"}"
-```
 
-### The same can be done using any other REST API Client with the following details:
 
+## **Trigger Test Plans Using API**
+
+1. Go to the specific **Test Plan Details** page in the Testsigma application (for the Test Plan that you want to include in your CI/CD Pipeline) 
+
+2. Go to the **CI/CD Integrations** section on the **Test Plan Details** page.
 
-**Request Type:**  POST
+3. You will see the CURL request under the **REST API to integrate with other tools > REST API call to start Test Plan**. 
 
-**Request URL:** 
+### **Trigger Tests through CURL request:**
 
-**HTML**
-https://app.testsigma.com/api/v1/execution_results
+```
+
+curl -X POST -H "Content-type: application/json" 
+-H "Accept:application/json" 
+-H "Authorization: Bearer " https://app.testsigma.com/api/v1/execution_results 
+-d "{\"executionId\": \"301\", \"environmentId\": \"\"}"
 
-**Authorization:**  Bearer 
+```
 
-**Request Header:**JavaScript
+You can execute this CURL command in your computer's command-line interface (CLI). 
 
-**Content-type:** application/jsonAccept:application/json
+### The same can be done using any other REST API client with the following details:
 
-**Request Body:** 
 
-```{    "executionId":"",    "buildNo":""}```
+| **Request Type**  | POST                                                       |
+|-------------------|------------------------------------------------------------|
+| **Request URL**   | https://app.testsigma.com/api/v1/execution_results       |
+| **Authorization** | Bearer                                          |
+| **Content-type**  | application/json                                         |
+| **Accept**        | application/json                                         |
+| **Request Body**  | { 
"executionId": "",
"buildNo": ""
"environmentId": } | - - The **** is used to identify the Test Plan which is to be triggered. This can be obtained from the corresponding [ Test Plan details page](https://testsigma.com/docs/continuous-integration/get-test-plan-details/) + - The **** is used to identify the Test Plan which is to be triggered. This can be obtained from the corresponding [test plan details page](https://testsigma.com/docs/continuous-integration/get-test-plan-details/). - - The **** is used to authenticate your user in Testsigma API. This can be obtained from the Settings> API_Keys by [creating a new API Key](https://testsigma.com/docs/configuration/api-keys/) + - The **** is used to authenticate your user in Testsigma API. This can be obtained from the **Settings > API Keys** by [creating a new API key](https://testsigma.com/docs/configuration/api-keys/). -- The **** is the Build number/Version for your corresponding Application Build against which you are running the Tests. This can be obtained from the Dev team or Build Stage in the CI/CD Pipeline. +- The **** is the Build number/Version for your corresponding Application Build against which you are running the Tests. This can be obtained from the Dev team or Build Stage in the CI/CD Pipeline. --- -##**How to get the Testsigma Test Plan Status Check API** - -This API can be used to check the status of the Test Plan once the Test Plan execution is triggered successfully. + +## **Check the Status of Test Plan Execution Using API** -There are 2 differences here compared to the previous API. -1. This is a GET request compared to the previous POST request. -2. We need one more detail i.e the RUN_ID for the triggered Test Plan. This is obtained as the value of the key 'id' in the JSON response for the previous API. +This API can be used to check the status of the Test Plan using GET method once the Test Plan execution is triggered successfully. Make sure to get RUN_ID for the triggered Test Plan. + +`PERL` -Perl ``` -curl -X GET -H "Content-type: application/json" \ --H "Accept:application/json"\ - -H "Authorization: Bearer "\ - https://app.testsigma.com/api/v1/execution_results/41795 +curl -X GET -H \"Content-type: application/json\" \\ +-H \"Accept:application/json\" \\ +-H \"Authorization: Bearer \" \\ +https://app.testsigma.com/api/v1/execution_results/"; ``` -### The same can be done using any other REST API Client with the following details: +You can execute this CURL command in your computer's command-line interface (CLI). -**Request Type:** GET -**Request URL:** -HTML +### The same can be done using any other REST API client with the following details: -https://app.testsigma.com/api/v1/execution_results/ -**Authorization:** Bearer -**Request Header:** JavaScript -**Content-type:** application/jsonAccept:application/json - - - The **** can be obtained as the value of the key 'id' in the JSON response for the previous API. -- The **** can be obtained from the Settings> API_Keys by creating a new API Key. +| **Request Type** | GET | +|-------------------|-----------------------------------------------------------------------| +| **Request URL** | https://app.testsigma.com/api/v1/execution_results/ | +| **Authorization** | Bearer | +| **Content-type** | application/json | +| **Accept** | application/json | + +- The **** can be obtained as the value of the key 'id' in the JSON response for the previous API. +- The **** can be obtained from the **Settings > API_Keys** by creating a new API Key. + --- -##**SCRIPT METHOD:** -If you want to start the Execution and then check the execution status in regular intervals you can make use of a [Generic Shell Script for Integrating with any CI/CD Tool.](https://testsigma.com/docs/continuous-integration/shell-script/) - -That's all we need to automate Test Execution when a successful build is triggered using the CI server. +## **Executing Tests Plans in Different Environments** + +To execute a test plan with different Environments, you need to have an Environment ID. You can find the Environment ID by following the steps below. + +### **Get Environment ID** + +1. Navigating to **Test Data > Environments**, and click on an **Environment**. + + +2. On the Environment page, the in the URL `https://app.testsigma.com/ui/td/88/environments//details` is the ID of the environment. + +![Environments](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ttpuapienv.png) + +- For Example, if the URL is `https://app.testsigma.com/ui/td/88/environments/10/details`, the **ID** is **10**. + +### **Executing Tests Plans with Different Environments** + +1. Navigate to **Test Plans > Test Plan > CI/CD Integrations**, and copy **CURL request** under **REST API to integrate with other tools > REST API call to start Test Plan**. +![CURL](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ttpuapicurl.png) +2. Provide the Environment ID in the request body. +``` +curl -X POST \ +-H "Content-type: application/json" \ +-H "Accept:application/json" \ +-H "Authorization: Bearer " \ +https://app.testsigma.com/api/v1/execution_results \ +-d "{\"executionId\": \"301\", \"environmentId\": \"\"}" +``` + +You can execute this CURL command in your computer's command-line interface (CLI) to trigger test plan with the environment specific to the given ID. + +--- + +## **Script Method** + +If you want to start the Execution and then check the execution status in regular intervals you can make use of a [generic Shell Script for integrating with any CI/CD tool](https://testsigma.com/docs/continuous-integration/shell-script/). + +That's all we need to automate Test Execution when a successful build is triggered using the CI server. +--- \ No newline at end of file diff --git a/src/pages/docs/elements/android-apps/capture-single-element.md b/src/pages/docs/elements/android-apps/capture-single-element.md index dc7e9b31..b4cbf003 100644 --- a/src/pages/docs/elements/android-apps/capture-single-element.md +++ b/src/pages/docs/elements/android-apps/capture-single-element.md @@ -1,9 +1,9 @@ --- title: "Capture Single Element Using Recorder" -metadesc: "Learn how to create one element at a time using the Testsigma mobile inspector for an android project in Testsigma application." +metadesc: "Learn how to create single element at a time using the Testsigma test recorder for an android project in Testsigma application." noindex: false order: 6.32 -page_id: "Create One Element at a Time (Using Mobile Inspector) for an Android Project" +page_id: "Create Single Element for an Android Application" warning: false contextual_links: - type: section diff --git a/src/pages/docs/test-cases/create-steps-nl/add-steps-before-after.md b/src/pages/docs/test-cases/create-steps-nl/add-steps-before-after.md deleted file mode 100644 index 39674a65..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/add-steps-before-after.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: "Add Steps Before & After" -metadesc: "There are times when addition of steps before and after an already added test steps. Learn how to add a step before and after an already added test step in Testsigma." -noindex: false -order: 4.4901 -page_id: "Add Steps Before & After" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites:" - url: "#pre-requisites" -- type: link - name: "Steps" - url: "#steps" ---- - ---- - -There are times when you might want to add steps before and after an already added test step in Testsigma UI. In this document, we will discuss how to do that. - -  - ---- -## **Pre-requisites:** - -This document assumes that you know how to: - - 1. Create a test case. If not, refer to the document [here.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 2. Create test steps. If not, refer to the document [here.](https://testsigma.com/docs/test-cases/create-steps-nl/overview/) - -  - ---- -## **Steps** - - 1. Create a Test Case. And then go to the created test steps. - 2. Hover on one of the test steps - you should see something like below: - -![Test step actions that appear on hover over a test step in Testsigma](https://docs.testsigma.com/images/add-steps-before-after/hover-over-test-steps-add-step-testsigma.png) - - 3. You see two buttons labeled **+ Add Step** - one above the hovered test step and one below the hovered test step. These are also highlighted in the screenshot below: - -![add step buttons to add another test step in Testsigma](https://docs.testsigma.com/images/add-steps-before-after/add-step-buttons-in-testsigma.png) - -If you click on the **Add Step** above, you would be able to add another step above the test step, while if you click on the **Add Step** below, you would be able to add another step below the test step. - -To know more about adding steps manually, read [here.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/add-steps-manually/ ) - diff --git a/src/pages/docs/test-cases/create-steps-nl/android-apps/create-a-new-element.md b/src/pages/docs/test-cases/create-steps-nl/android-apps/create-a-new-element.md deleted file mode 100644 index 5e99c703..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/android-apps/create-a-new-element.md +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: "Create an Element for an Android Project" -metadesc: "You can add new elements while adding test steps to your test case manually in an android project in Testsigma. Learn how to create an Element for an Android Project" -noindex: false -order: 4.451 -page_id: "Create an Element for an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to create an element while adding test steps to a test case for an android project in Testsigma:" - url: "#how-to-create-an-element-while-adding-test-steps-to-a-test-case-for-an-android-project-in-testsigma" ---- - ---- - -You can add new elements while you’re adding test steps to your test case manually (i.e., coding it in simple English) in an android project in Testsigma. This document will discuss how to do that. - -  - ---- -##**Pre-requisites** - -You should already know how to - 1. [use the Test recorder for capturing elements.](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/) - 2. [create a test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 3. [add test steps during test case creation for an android project.](https://testsigma.com/docs/test-cases/create-steps-nl/android-apps/overview/) - -  - - ---- -##**How to create an element while adding test steps to a test case for an android project in Testsigma:** - 1. Create a test case or go to a pre-existing test case. - 2. Add a test step to the test case that contains an element. The language for the test step should contain an element. Some examples of such steps for an android application are shown in the screenshot below: - -![the various Action test steps for android application in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-various-Actions-test-steps-android-testsigma.png) - - 3. Let’s say we add a step ‘Tap on element’ to our test case: - -![Element specific test step test case page for android project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-element-specific-test-step-test-case-page-android-testsigma.png) - - 4. On the step, click on the green text ‘element’, a layover will appear containing the elements in the project like this: - -![Elements layover over a test case page for android project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-elements-layover-over-test-case-page-android-testsigma.png) - - 5. Here, to create an element that is not in the list, start typing a new name for the element, the option “NEW” will appear like this: - -![add new element with a new name on test case page for android project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/add-new-element-with--new-name-test-case-page-android-testsigma.png) - - 6. Click on the ‘NEW’ button highlighted in the last step. ‘Create Element’ form will open up as shown in the screenshot below: - -![create element form on test case page for android project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-create-element-form-on-test-case-page-android-testsigma.png) - - 7. Create the element either manually or via element Test recorder. In this document, we will cover how to create elements ‘manually’. You can also [capture elements via Test recorder](https://testsigma.com/docs/elements/android-apps/capture-single-element/). For now, select the radio button ‘Manually’. - - 8. You will see the form options as shown in the screenshot below: - -![create element form in Testsigma for an android project with Manually radio button selected ](https://docs.testsigma.com/images/create-a-new-element/create-element-manually-android-testsigma.png) - -  - -Here are the fields that you will see: - 1. **Name**: Enter the name you want to give your element. - 2. **Screen Name**: Mention the screen that your element resides on. - 3. **Element Type**: There are 5 types of identifier types supported in Testsigma. This field is a drop-down list and you can select any one of them: XPATH, ID, Name, Class Name, or Accessibility ID - 4. **Enter Value**: Enter the value here that is in correspondence with the Identifier Type you selected - -![element type dropdown values on the create element form for android project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/element-type-dropdown-value-create-an-element-android-testsigma.png) - - 9. Once you have added all the details, click on the ‘Create’ button. The green text ‘element’ will be replaced in the test step you were creating. - - You can now continue adding the test step for your android project. - diff --git a/src/pages/docs/test-cases/create-steps-nl/android-apps/overview.md b/src/pages/docs/test-cases/create-steps-nl/android-apps/overview.md deleted file mode 100644 index b766f70f..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/android-apps/overview.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: "Add Test Steps in a Test Case in an Android Project" -metadesc: "Add test steps more steps to a pre-existing test case manually. Learn how to add test steps in simple English for an android project in Testsigma." -noindex: false -order: 4.450 -page_id: "Add Test Steps in a Test Case in an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites:" - url: "#pre-requisites" -- type: link - name: "How to add steps manually in simple English for an android project in Testsigma:" - url: "#how-to-add-steps-manually-in-simple-english-for-an-android-project-in-testsigma" ---- - ---- - -You can add more test steps to a pre-existing test case manually. In this document, we will discuss how to do that for an Android application. - -  - ---- -## **Pre-requisites:** -You should already know how to - 1. [create a test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 2. [create test steps for an android application.](https://testsigma.com/docs/test-cases/create-steps/) - -  - ---- -## **How to add steps manually in simple English for an android project in Testsigma:** - - 1. Create a test case for an android application. - 2. Once the test case is created and the test steps added, go to the created test steps in the Testsigma UI. - 3. Hover on the test step after (or before) which you want to add more test steps. When you hover, the test steps UI should look something like this: - -![hover over test step to add steps manually for android project in Testsigma](https://docs.testsigma.com/images/android-apps/hover-test-step-add-steps-manually-android-testsigma.png) - - 4. If you want to add a step above the highlighted step, click on the “Add Step” button above the test step. If you want to add a step after the highlighted step, click on the “Add Step” button below the test step. - 5. A blank step will appear for you to add another test step as shown below: - -![new blank step that appears on adding new step for adding steps manually in an android project in Testsigma](https://docs.testsigma.com/images/android-apps/new-blank-step-add-steps-manually-android-testsigma.png) - -Add the test step using simple English. See how to [add test steps for android.](https://testsigma.com/docs/test-cases/create-steps/) \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-nl/android-apps/update-elements.md b/src/pages/docs/test-cases/create-steps-nl/android-apps/update-elements.md deleted file mode 100644 index 3591d163..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/android-apps/update-elements.md +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: "Update Elements for an Android Project" -metadesc: "How to update the elements in an android project in Testsigma | Update elements once the structure of your website or application is updated" -noindex: false -order: 4.452 -page_id: "Update Elements for an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Introduction:" - url: "#introduction" -- type: link - name: "Pre-requisites:" - url: "#pre-requisites" -- type: link - name: "How to update one element at a time:" - url: "#how-to-update-one-element-at-a-time" -- type: link - name: "How to update multiple elements at once:" - url: "#how-to-update-multiple-elements-at-once" ---- - - ---- - -Sometimes, when you update the structure of your website or application, you will also need to update the corresponding elements in your automated test project in Testsigma. In this document, we will discuss two ways of doing that for an android Project: - 1. Updating an element at a time - 2. Updating multiple elements at once - -  - ---- -## **Pre-requisites:** - - 1. Your android project should have elements already. See [how to capture elements for an android application.](https://testsigma.com/docs/elements/android-apps/record-multiple-elements/) - 2. You should know [how to navigate the elements page.](https://testsigma.com/docs/elements/web-apps/overview/) - -  - ---- -## **How to update one element at a time:** - - 1. Select your project and then navigate to **Test Development > Elements** - 2. **All Elements** page will appear. This contains all the elements that you have created for the selected android project, like this: - -![all elements page to update elements for android project in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/android-apps/update-elements/all-elements-page-update-elements-android-testsigma.png) - - 3. Scroll or filter to find the element you want to update. - 4. Hover over the element and click on the **Edit** that appears. The button is also highlighted in the screenshot below: - -![edit button for an element in all elements page for android project in Testsigma](https://docs.testsigma.com/images/update-elements/edit-button-for-an-element-in-all-elements-android-testsigma.png) - - 5. The Edit Element layover will appear: - -![edit element page to update elements for android project in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/android-apps/update-elements/edit-element-page-update-elements-android-testsigma.png) - -There is a radio button that lets you choose between **Manually** or **Element Inspector**. When **Manually** is selected, you can make the changes you need to make in this element on the form and click on **Update** to finalize the changes. For the Test recorder approach, see how to [update elements using Test recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/update-elements/). - -  - ---- -## **How to update multiple elements at once:** - - 1. Select your android project and then navigate to **Test Development > Elements** - 2. On the top right, there is an option to export the elements in excel format: - -![export button on all elements page to update elements for an android project Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/android-apps/update-elements/export-button-all-elements-page-update-elements-android-testsigma.png) - - 3. In the excel sheet, update the required fields for the required elements. - 4. Click on **Import**. Select the excel sheet you updated in step 3 for import. - -![import button on all elements page to update elements for an android project in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/android-apps/update-elements/import-button-all-elements-page-update-elements-android-testsigma.png) - -With import, the edits done in step 3 will be visible in the corresponding elements in your android project in Testsigma. diff --git a/src/pages/docs/test-cases/create-steps-nl/bulk-actions.md b/src/pages/docs/test-cases/create-steps-nl/bulk-actions.md deleted file mode 100644 index 6902ca27..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/bulk-actions.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: "Bulk Actions" -pagetitle: "Manage test steps efficiently with bulk actions in Testsigma." -metadesc: "Streamline your testing process by using Testsigma's Bulk Actions feature to perform actions like selecting all, updating settings, creating blocks, and more in bulk." -noindex: false -order: 4.49 -page_id: "Bulk Actions" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Use Bulk Action in Test Step" - url: "#use-bulk-action-in-test-step" ---- - ---- - -Using Bulk Actions in Testsigma simplifies managing multiple test steps. You can perform actions such as selecting all, updating settings, creating blocks, creating step groups, and deleting multiple test steps. This guide will help you understand how to use Bulk Actions effectively. - ---- -### **Pre-requisites:** - -Before using the Bulk Actions, you must understand specific concepts such as creating [Projects](https://testsigma.com/docs/projects/overview/), [Test Cases](https://testsigma.com/docs/test-cases/manage/add-edit-delete/), and [Test Steps](https://testsigma.com/docs/test-cases/create-steps-nl/overview/). - ---- -## **Use Bulk Action in Test Step** - -Follow these steps to use Bulk Actions for your test steps: - -1. Select a **Step** on the **Test Case Details** page by hovering your mouse over the test step number. The test step number will change into a **checkbox** as you hover. -2. Click the **checkboxes** next to each test step to select the **test steps** you want to include in the **bulk action**. -3. The bulk actions option appears when you've selected any test step in the **Test Case Details** page. To select all the steps at once, click the **Select All** button in the menu bar. ![Enable Bulk Actions](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/steps_bulkactions.gif) -4. You can perform bulk actions on multiple test steps by selecting them on the menu bar. The actions available are: - - **Select All**: This option allows you to select all the test steps on the current page. - - **Update Settings**: You can use this option to update settings for the selected test steps all at once. For more information, refer to [Update Settings](https://testsigma.com/docs/test-cases/create-steps-nl/step-settings/#update-settings). - - **Create Block**: Use this option to create a block from the selected test steps. This will help you manage and structure your test cases. For more information, refer to [Step Block](https://testsigma.com/docs/test-cases/step-types/block/#create-a-block-using-bulk-action). - - **Create Step Group**: This action lets you create a step group containing the selected test steps. Step groups help you organise and reuse test steps. For more information, refer to [Step Group](https://testsigma.com/docs/test-cases/step-types/step-group/#create-step-group-from-a-test-case). - - **Delete**: You can delete the selected test steps in bulk if they are no longer needed. -5. Click on **Exit Bulk Action** in the top right corner of the screen within the menu bar to exit the Bulk Action mode. ![Perform Bulk Actions](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/perform_bulkactions.gif) - ---- diff --git a/src/pages/docs/test-cases/create-steps-nl/ios-apps/create-a-new-element.md b/src/pages/docs/test-cases/create-steps-nl/ios-apps/create-a-new-element.md deleted file mode 100644 index 3d75656c..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/ios-apps/create-a-new-element.md +++ /dev/null @@ -1,83 +0,0 @@ ---- -title: "Create an Element for an iOS Project" -metadesc: "You can add new elements while adding test steps to your test case manually in an android project in Testsigma. Learn how to create an Element for an iOS Project" -noindex: false -order: 4.461 -page_id: "Create an Element for an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to create an element while adding test steps to a test case for an iOS project in Testsigma" - url: "#how-to-create-an-element-while-adding-test-steps-to-a-test-case-for-an-ios-project-in-testsigma" ---- - ---- - -You can add new elements while you’re adding test steps to your test case manually (i.e., coding it in simple English) in an iOS project in Testsigma. This document will discuss how to do that. - -  - ---- -##**Pre-requisites** - -You should already know how to - - 1. [use the Test recorder for capturing elements.](https://testsigma.com/docs/elements/ios-apps/capture-single-element/) - 2. [create a test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 3. [add test steps during test case creation for an iOS project.](https://testsigma.com/docs/test-cases/step-types/overview/) - -  - ---- -##**How to create an element while adding test steps to a test case for an iOS project in Testsigma:** - 1. Create a test case or go to a pre-existing test case. - - 2. Add a test step to the test case that contains an element. The language for the test step should contain an element. Some examples of such steps for an iOS application are shown in the screenshot below: - -![the various Action test steps for iOS application in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-various-Actions-test-steps-ios-testsigma.png) - - 3. Let’s say we added the step ‘Tap on element’ to our test case: - -![Element specific test step test case page for iOS project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-element-specific-test-step-test-case-page-ios-testsigma.png) - - 4. On the step, click on the green text ‘element’, a layover will appear containing the elements in the project like this: - -![Elements layover over a test case page for iOS project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-elements-layover-over-test-case-page-ios-testsigma.png) - - 5. Here, to create an element that is not in the list, start typing a new name for the element, the option “NEW” will appear like this: - -![add new element with a new name on test case page for iOS project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/add-new-element-with--new-name-test-case-page-ios-testsigma.png) - - 6. Click on the ‘NEW’ button highlighted in the last step. ‘Create Element’ form will open up as shown in the screenshot below: - -![create element form on test case page for iOS project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-create-element-form-on-test-case-page-ios-testsigma.png) - - 7. Create the element either manually or via element inspector. In this document, we will cover how to create elements ‘manually’. You can also [capture elements via Test recorder](https://testsigma.com/docs/elements/ios-apps/capture-single-element/). For now, select the radio button ‘Manually’. - - 8. You will see the form options as shown in the screenshot below: - -![create element form in Testsigma for an iOS project with Manually radio button selected ](https://docs.testsigma.com/images/create-a-new-element/create-element-manually-ios-testsigma.png) - -Here are the fields that you will see: - -**Name**: Enter the name you want to give your element. - -**Screen Name**: Mention the screen that your element resides on. - -**Element Type**: There are 5 types of identifier types supported in Testsigma. This field is a drop-down list and you can select any one of them: XPATH, ID, Name, Class Name, or Accessibility ID - -**Enter Value**: Enter the value here that is in correspondence with the Identifier Type you selected. - -![element type dropdown values on the create element form for iOS project in Testsigma](https://docs.testsigma.com/images/create-a-new-element/element-type-dropdown-value-create-an-element-ios-testsigma.png) - - 8. Once you have added all the details, click on the ‘Create’ button. The green text ‘element’ will be replaced in the test step you were creating. - -You can now continue adding the test step for your iOS project. - - - diff --git a/src/pages/docs/test-cases/create-steps-nl/ios-apps/overview.md b/src/pages/docs/test-cases/create-steps-nl/ios-apps/overview.md deleted file mode 100644 index 5ebf5af2..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/ios-apps/overview.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: "Add Test Steps in a Test Case in an iOS Project" -metadesc: "Add test steps more steps to a pre-existing test case manually. Learn how to add test steps in simple English for an iOS project in Testsigma." -noindex: false -order: 4.460 -page_id: "Add Test Steps in a Test Case in an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites:" - url: "#pre-requisites" -- type: link - name: "How to add steps manually in simple English for an iOS project in Testsigma." - url: "#how-to-add-steps-manually-in-simple-english-for-an-ios-project-in-testsigma-" ---- - ---- - -You can add more test steps to a pre-existing test case manually. In this document, we will discuss how to do that for an iOS application. - -  - ---- -##**Pre-requisites:** -You should already know how to: - - 1. [create a test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 2. [create test steps for an iOS application.](https://testsigma.com/docs/test-cases/step-types/overview/) - -  - ---- -##**How to add steps manually in simple English for an iOS project in Testsigma. :** - - 1. Create a test case for an iOS application. - - 2. Once the test case is created and the test steps added, go to the created test steps in the Testsigma UI. - - - 3. Hover on the test step after (or before) which you want to add more test steps. When you hover, the test steps UI should look something like this: - -![hover over test step to add steps manually for iOS project in Testsigma](https://docs.testsigma.com/images/ios-apps/hover-test-step-add-steps-manually-ios-testsigma.png) - - 4. If you want to add a step above the highlighted step, click on the “+Add Step” button above the test step. If you want to add a step after the highlighted step, click on the “+Add Step” button below the test step. - - 5. A blank step will appear for you to add another test step as shown below: - -![new blank step that appears on adding new step for adding steps manually in an iOS project in Testsigma](https://docs.testsigma.com/images/ios-apps/new-blank-step-add-steps-manually-ios-testsigma.png) - -Add the test step using simple English. See how to [add test steps for iOS.](https://testsigma.com/docs/test-cases/step-types/overview/) - - diff --git a/src/pages/docs/test-cases/create-steps-nl/ios-apps/update-elements.md b/src/pages/docs/test-cases/create-steps-nl/ios-apps/update-elements.md deleted file mode 100644 index a1cf3893..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/ios-apps/update-elements.md +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: "Update Elements for an iOS Project" -metadesc: "How to update the elements in an android project in Testsigma | Update elements once the structure of your website or application is updated" -noindex: false -order: 4.462 -page_id: "Update Elements for an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Introduction" - url: "#introduction" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to update one element at a time" - url: "#how-to-update-one-element-at-a-time" -- type: link - name: "How to update multiple elements at once" - url: "#how-to-update-multiple-elements-at-once" ---- - ---- - -Sometimes, when you update the structure of your website or application, you will also need to update the corresponding elements in your automated test project in Testsigma. In this document, we will discuss two ways of doing that for an iOS Project: - 1. Updating an element at a time - 2. Updating multiple elements at once - -  - ---- -## **Pre-requisites:** - - 1. Your iOS project should have elements already. See [how to capture elements for an iOS application](https://testsigma.com/docs/elements/ios-apps/record-multiple-elements/). - - 2. You should know [how to navigate the elements page.](https://testsigma.com/docs/elements/web-apps/overview/) - -  - ---- -## **How to update one element at a time:** - - 1. Select your project and then navigate to **Test Development > Elements**. - 2. **All Elements** page will appear. This contains all the elements that you have created for the selected iOS project, like this: - -![all elements page to update elements for iOS project in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/ios-apps/update-elements/all-elements-page-update-elements-ios-testsigma.png) - - 3. Scroll or filter to find the element you want to update. - 4. Hover over the element and click on the **Edit**. - -![edit button for an element in all elements page for iOS project in Testsigma](https://docs.testsigma.com/images/update-elements/edit-button-for-an-element-in-all-elements-ios-testsigma.png) - -The Edit Element layover will appear: - -![edit element page to update elements for iOS project in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/ios-apps/update-elements/edit-element-page-update-elements-ios-testsigma.png) - -There is a radio button that lets you choose between **Manually** or **Element Inspector**. When **Manually** is selected, you can make the changes you need to make in this element on the form and click on **Update** to finalize the changes. For Test recorder approach, see how to [update elements using Test recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/update-elements/) - -  - ---- -## **How to update multiple elements at once:** - - 1. Select your iOS project and then navigate to ‘Test Development > Elements’ - 2. On the top right, there is an option to export the elements in excel format: - -![export button on all elements page to update elements for an iOS project Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/ios-apps/update-elements/export-button-all-elements-page-update-elements-ios-testsigma.png) - - 3. In the excel sheet, update the required fields for the required elements. - 4. Click on the import button highlighted in the screenshot below. Select the excel sheet you updated in step 3 for import. - -![import button on all elements page to update elements for an iOS project in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/ios-apps/update-elements/import-button-all-elements-page-update-elements-ios-testsigma.png) - -With import, the edits done in step 3 will be visible in the corresponding elements in your iOS project in Testsigma. \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-nl/overview.md b/src/pages/docs/test-cases/create-steps-nl/overview.md deleted file mode 100644 index e20a91b3..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/overview.md +++ /dev/null @@ -1,102 +0,0 @@ ---- - -title: "Create Test Steps using natural language" -metadesc: "Testsigma follows a codeless approach for test step creation. Learn how to create Test Steps in Testsigma using Natural Language (NLPs)" -noindex: false -order: 4.40 -page_id: "Create Test Steps using natural language" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Creating Test Steps" - url: "#creating-test-steps" ---- - ---- - -Testsigma follows a codeless approach to test creation. You create Test Steps in simple English instead of programming languages. This makes the tests easy to create and read. -We assume that you are familiar with Test Cases and related concepts. If not, refer to [Test Cases - Overview](https://testsigma.com/docs/test-cases/overview/) - -Let’s take an example where we need to automate the login scenario for Simply Travel Web Application. Here’s a snapshot of the login page: - -![Simply Travel login page](https://docs.testsigma.com/images/create-steps-nl/simply-travel-website-login-page.png) - -The steps would be: - 1. Navigate to Simply Travel login page(https://travel.testsigma.com/login) - 2. Enter username as ‘admin’ in the User Name field - 3. Enter the password as ‘12345’ in the Password field - 4. Click on the login button - -  - ---- -## **Creating Test Steps** -After creating a new Test Case or opening an existing Test Case, we will be taken to the Test Case page as shown below: - -![Default navigate step present on creating Test Case](https://docs.testsigma.com/images/create-steps-nl/simply-travel-test-case-default-navigate-step.png) - -We can see that the first Test Step is automatically created for us based on the Application Type we are in. In the case of a Web Application, it is “Navigate to test data”. -Learn more about [Test Data.](https://testsigma.com/docs/test-data/overview/) - -  - -### **Step 1** - -For the first Test Step, click on ‘test data’ to select it and to update it. In this case, replace it with the URL or Web Address of the Application Under Test i.e https://travel.testsigma.com/login - -Once the test data is updated, click on the ‘Create’ button to validate and create the Test Step. - -![Create First Action Step for Simplytravel test case](https://docs.testsigma.com/images/test-cases/create-first-Action-step-simplytravel-test-case.png) - - -**Note**: There is a more intuitive way to continue adding more test steps once you finish typing one - just hit "ENTER". - -  - -### **Step 2** - -Now, let’s create another Test Step to do the next required action i.e “Enter username as ‘admin’ in the User Name field”. - -As soon as the first step is created, a new Test Step is created and in focus. - -  - - 1. Start by typing the action you wish to perform. For entering some data into an element field, type ‘enter’ in the Test Step input box and wait for the suggestions to appear. You can select the most appropriate one for your action. In this case, select “Enter test data from element field”. - - -![Action Suggestions for enter action](https://docs.testsigma.com/images/test-cases/create-Action-step-enter-action-suggestions.png) - - -   We have already discussed test data in the previous step. Let’s see what an Element is. - -   Learn more: [What is Element?](https://testsigma.com/docs/elements/web-apps/overview/) - -   - - - 2. As we did for the first Test Step, click on ‘test data’ once to select it and update it. In this case, replace the existing text with ‘admin’. - - 3. After that, click on ‘element’ once to select it and update it. A suggestion list with available Elements pops up on the right. - - 4. If you have already created the Element, enter the element name and select from the filtered list. - - ![Element suggestions popup with existing Element](https://docs.testsigma.com/images/test-cases/create-second-Action-step-element-suggestions.png) - - - - 5. If you haven’t created the Element, enter a name for the new Element and click on create a new Element. - -![Element suggestions popup with new Element](https://docs.testsigma.com/images/test-cases/create-second-Action-step-element-new.png) - - - To learn more ways to create Elements, refer to: [Create Elements - Overview](https://testsigma.com/docs/elements/web-apps/create-manually/) - - - 6. Finally, click on **Create**. - - -### **Step 3 & 4** - -Similarly, create the remaining steps by repeating the same steps from Step 1 to Step 4 by entering the action you wish to perform, selecting the appropriate Action Statement, and updating the ‘test data’ and/or ‘element’. diff --git a/src/pages/docs/test-cases/create-steps-nl/reorder.md b/src/pages/docs/test-cases/create-steps-nl/reorder.md deleted file mode 100644 index 54442a3a..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/reorder.md +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: "Test Step Reordering" -pagetitle: "Test Step Reordering in Testsigma - Optimise Test Execution" -metadesc: "Efficiently reorder your test steps in Testsigma using drag-and-drop functionality to streamline your test execution process for enhanced productivity." -noindex: false -order: 4.48 -page_id: "testsigma-test-step-reordering" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Reordering Test Step" - url: "#reordering-test-step" ---- - ---- - -You can easily reorder test steps within a test case to customise the flow and sequence of your test execution in Testsigma. This documentation will guide you through reordering test steps using the ⋮⋮ icon, enabling you to organise your test cases efficiently. - ---- -### **Prerequisites** - -Before using Test Step Reordering, you must understand specific concepts such as creating [Projects](https://testsigma.com/docs/projects/overview/), [Test Cases](https://testsigma.com/docs/test-cases/manage/add-edit-delete/), and [Test Steps](https://testsigma.com/docs/test-cases/create-steps-nl/overview/). - ---- -## **Reordering Test Step** - -Follow these steps to reorder test steps within a test case: - -1. Create a **Test Case** with a list of the **test steps**. -2. You will find an **⋮⋮** (**vertical ellipsis**) icon before each test step. This icon represents the drag-and-drop handle for reordering. -3. Hover your cursor over the **⋮⋮** icon for the test step you wish to move, then click and hold the icon to grab the test step and reorder it. -4. Drag the test step to the desired position within the test case's list of test steps while holding it. As you move the test step, you will see a visual indicator of where the test step will be placed once you release it. -5. Drop the test step into its new position by releasing the mouse button. Testsigma will automatically update the test step order in the test case after you release the test step. -6. After reordering your test steps, click the **Save New Order** option in the screen's top right corner to save the new order. - -Here is a quick GIF demonstrating the above workflow: ![Reordering Test Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/reorder_teststep.gif) - ---- diff --git a/src/pages/docs/test-cases/create-steps-nl/reuse-elements.md b/src/pages/docs/test-cases/create-steps-nl/reuse-elements.md deleted file mode 100644 index 085b1f44..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/reuse-elements.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: "Reuse Elements" -metadesc: "When you add elements to a test case, they are saved in the corresponding project in Testsigma. Learn how to reuse these elements to your project." -noindex: false -order: 4.47 -page_id: "Reuse Elements" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Steps to follow" - url: "#steps-to-follow" ---- - ---- - -When you add elements to a test case, they are saved in the corresponding project in Testsigma. These elements are reusable and can be easily used in new test steps or test cases in the same project. - -  - ---- -## **Pre-requisites** - -You should know how to - - 1. [create a test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 2. [create a test step.](https://testsigma.com/docs/test-cases/step-types/overview/) - -  - ---- -## **Steps to follow** - - 1. Create a new test case in the Project that has the elements you want to use. - 2. Create test steps. Let’s say you want to add a test step where you want to use Elements, some example test steps that would use an Element are: - -![example of test steps that contain Elements in Testsigma](https://docs.testsigma.com/images/reuse-elements/test-steps-that-contain-ui-identifiers-in-testsigma.png) - - 3. Add the test step and click on the green text that says **element**. The Elements’ layover appears on screen, as shown in the screenshot below. This will show all Elements in the project. - -![ui-identifiers-layover-to-reuse-elements-testsigma](https://docs.testsigma.com/images/create-a-new-element/the-elements-layover-over-test-case-page-testsigma.png) - - 4. Start typing the name of the Element that you want to reuse, the Elements will be filtered by name. You can also search the identifiers by name or by Screen name. - 5. From the results, click on the Element that you want to use, and the Element text in your test step will be replaced by the chosen Element. - - diff --git a/src/pages/docs/test-cases/create-steps-nl/step-actions.md b/src/pages/docs/test-cases/create-steps-nl/step-actions.md deleted file mode 100644 index 82cc51f3..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/step-actions.md +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: "Test Step Options" -page_title: "Test Step Options | Testsigma Documentation" -metadesc: "Explore Testsigma's Test Step Options - Configure, manage, and optimise your test steps efficiently. Enhance testing workflow with customisation and control." -noindex: false -order: 4.42 -page_id: "Test Step Actions" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Clear Step" - url: "#clear-step" -- type: link - name: "Step Settings" - url: "#step-settings" -- type: link - name: "Disable Step" - url: "#disable-step" -- type: link - name: "Ignore Step Result" - url: "#ignore-step-result" -- type: link - name: "Enable Visual Testing" - url: "#enable-visual-testing" -- type: link - name: "Clone Step" - url: "#clone-step" -- type: link - name: "Delete Step" - url: "#delete-step" ---- - ---- - -In Testsigma, you can customise test steps within a test case using Test Step Options. These options allow you to control and customise various aspects of test execution, such as data inputs, assertions, and behaviour, enhancing the test scenario's flexibility and accuracy. - -Here is a list of all options you can perform on a test step. -1. **Clear Step** -2. **Step Settings** -3. **Disable Step** -4. **Ignore Step Result** -5. **Enable Visual Testing** -6. **Clone Step** -7. **Delete Step** - ---- - -### **Prerequesties** - -Before using Test Step Options, ensure that you understand specific concepts such as creating a [Test Case](https://testsigma.com/docs/test-cases/manage/add-edit-delete/), managing [Test Steps](https://testsigma.com/docs/test-cases/step-types/natural-language/). - ---- - -## **Clear Step** - -Click on the **test step**, then click the **Eraser** icon to clear the step in a single click. Clearing the test step will remove any existing actions or data within the step. ![Clear Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/teststep_setting_clearstep.png) - ---- - -## **Step Settings** - -Click on the **test step**, then click the **Settings** icon or the **ellipsis** icon to open a dropdown list of **Test Step Settings**. Select the **Step Settings** option from this list to configure particular settings for the test step, such as timeouts, retries, prerequisites, or other settings. Refer to [Test Step Settings](https://testsigma.com/docs/test-cases/create-steps-nl/step-settings/) for more information. ![Step Settings](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/teststep_setting_stepsetting.png) - ---- - -## **Disable Step** - -Click on the **test step**, then click on either the **Forbidden** icon or the **ellipsis** button to open a dropdown list of **Test Step Settings**. Select the **Disable step** option from this list to temporarily deactivate the selected step in the test case. This will prevent the test step from running during execution. ![Disable Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/teststep_setting_diablestep.png) - ---- - -## **Ignore Step Result** - -Click on the **test step**, and then click the **ellipsis** icon to open a dropdown list of **Test Step Settings**, then select the **Ignore Step Result** option from this list to exclude the outcome of a specific step from the overall test result. ![Ignore Step Result](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/teststep_setting_ignorestep.png) - ---- - -## **Enable Visual Testing** - -Click on the **test step**, and then click the **ellipsis** icon to open a dropdown list of **Test Step Settings**. Select the **Enable Visual Testing** option from this list to capture and compare how the user interface of an application looks between different builds or versions. Refer to [Visual Testing](https://testsigma.com/docs/visual-testing/configure-test-steps/) for more information. ![Enable Visual Testing](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/teststep_setting_enablevisual.png) - ---- - -## **Clone Step** - -Click on the **test step**, then click the **ellipsis** icon to open a dropdown list of **Test Step Settings** and select the **Clone Step** option. It will create an identical copy of the selected step, which saves time when you need multiple similar steps within the same test case. ![Clone Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/teststep_setting_clonestep.png) - ---- - -## **Delete Step** - -Click on the **test step**, then click the **ellipsis** icon to open a dropdown list of **Test Step Settings**. Select the **Delete Step** option from this list, permanently removing the selected step from the test case, helping streamline test maintenance and organisation. ![Delete Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/teststep_setting_deletestep.png) - ---- diff --git a/src/pages/docs/test-cases/create-steps-nl/step-settings.md b/src/pages/docs/test-cases/create-steps-nl/step-settings.md deleted file mode 100644 index b2f808cc..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/step-settings.md +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: "Test Step Settings" -page_title: "Test Step Settings | Testsigma Documentation" -metadesc: "Configure wait times, retries, visuals, and other settings for efficient test automation in Testsigma using Test Step Settings and customise test execution." -noindex: false -order: 4.41 -page_id: "test-step-settings-testsigma" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Use Test Step Settings" - url: "#use-test-step-settings" -- type: link - name: "Update Step Settings" - url: "#update-step-settings" ---- - ---- - -In Testsigma, you can control how each test step behaves in your test cases by using Test Step Settings. These settings allow you to decide how your test cases run and show results. You can also use them to set step conditions and attempt them again if required. - ---- - -### **Prerequisites** - -Before using the Test Step Settings, you must understand specific concepts such as [Projects](https://testsigma.com/docs/projects/overview/), [Test Cases](https://testsigma.com/docs/test-cases/manage/add-edit-delete/), how to [Create Test Steps](https://testsigma.com/docs/test-cases/create-steps-nl/overview/) and [Test Step Options](https://testsigma.com/docs/test-cases/create-steps-nl/step-actions/). - ---- - -## **Use Test Step Settings** - -To use **Test Step Settings**, click either the **Settings** icon or the **ellipsis** icon on a particular test step. Then, choose **Step Settings** from the list that appears to open the **Test Step Settings** panel on the test case page. - -Below is a summary of the available settings: - -| **Settings** | **Description** | -|:------------------|:-------------| -|**Max wait time**|Set the Maximum Wait Time limit for completing the test step. It will fail if the test step takes longer than the specified time (up to a maximum of 120 seconds).| -|**No. of Retries on Step Failure**|Select the **Number of Retries on Step Failure** from the dropdown menu (up to 10 times) to decide how many times you want to attempt to execute the test step again if it fails.| -|**Pre-Requisite**|Select a prerequisite step from the list of available steps in the same test case. This step must be successfully done before the current step runs.| -|**Stop Test Case execution on Test Step**|It allows you to terminate test execution if the test fails at any step. By default, this option is checked, and test case execution will stop if the test step fails.| -|**Ignore this step result in Test Case Result**|It allows you to exclude the outcome of a particular step from the overall test result.| -|**Disable Step**|It allows you to capture and compare the visual appearance of an application's user interface between different builds or versions.| -|**Enable Visual Testing for the Step**|You can disable the test step by choosing this option, and the test step will not run. By default, this option is unchecked.| - -Here is a quick GIF demonstrating the above workflow: ![Test Step Settings](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/teststep_setting.gif) - ---- - -## **Update Step Settings** - -To update several test steps, click the **checkboxes** next to the **test steps** you want to update and then click on **Update Settings** in the menu bar to open a popup window where you can make changes to the settings. ![Update Step Settings](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/update_testsettings.gif) - -[[info | NOTE:]] -| Update Step Setting does not allow updating the **Pre-Requisite** and **Number of Retries on Step Failure**. You should use Test Step Settings for each step individually. \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-nl/web-apps/create-a-new-element.md b/src/pages/docs/test-cases/create-steps-nl/web-apps/create-a-new-element.md deleted file mode 100644 index 69a0a3f9..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/web-apps/create-a-new-element.md +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: "Create Elements while Adding Steps" -metadesc: "You can add new elements while adding test steps to your test case manually in an android project in Testsigma. Learn how to create an Element for an web app" -noindex: false -order: 4.441 -page_id: "Create Elements while Adding Steps" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Steps to follow" - url: "#steps-to-follow" ---- - ---- - -There are times when you want to add more elements while adding test steps in a test case. Here’s how you can do that. - -  - ---- -##**Pre-requisites** - -We assume that you - 1. Have installed the [Test Recorder](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/). Learn more about the [Test Recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - 2. Know how to [Create test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 3. Know how to add test steps using [Actions](https://testsigma.com/docs/test-cases/create-steps-nl/overview/). - -  - ---- -##**Steps to follow** - 1. Create a new test case or go to an existing test case. - 2. Add a test step to the test case. The language for the test step should contain an Element. For inspiration, check the screenshot below: - -![the various Actions test steps in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-various-Actions-test-steps-in-testsigma.png) - - 3. Let’s say we added the step ‘Click on element’ to our test case. After addition, the step looks like this: - -![Element specific test step test case page in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-element-specific-test-step-test-case-page-testsigma.jpg) - - 4. On the step, click on the green text ‘Element’, a layover will appear containing the Elements in the project, as shown in the screenshot below: - -![Elements layover over a test case page in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-elements-layover-over-test-case-page-testsigma.png) - - 5. Here,if you want to create an element that is not added already, then you can start typing a new name for it: the option “NEW” will appear as also shown in the screenshot below: - -![add new identifier with a new name on test case page in Testsigma](https://docs.testsigma.com/images/create-a-new-element/add-new-identifier-with-the-new-name-test-case-page-testsigma.png) - - 6. Now click on the ‘NEW’ button highlighted in the last step. ‘Create Element’ form will open up as shown in the screenshot below: - -![create Element form on test case page in Testsigma](https://docs.testsigma.com/images/create-a-new-element/the-create-element-form-on-test-case-page-in-testsigma.png) - - 7. Here, you can create the Element either manually or via test recorder. To proceed with creating the Element manually, select ‘Manually’. - - If you want to create elements in less than half the time, capture them using Testsigma’s test recorder. Read more about it [here](https://testsigma.com/docs/elements/web-apps/capture-single-element/). - - Here’s how to create the Element manually: - - 8. Once you select ‘Manually’, you will see the form options as shown in the screenshot below: - -![create Element form in Testsigma with Manually radio button selected](https://docs.testsigma.com/images/create-a-new-element/create-Element-manually-testsigma.png) - -  - - -Fill the fields you see: - - 1. **Name**: Element name - 2. **Screen Name**: Screen that your element resides on. - 3. **Identifier Type**: There are 5 types of identifier types supported in Testsigma, this field is a drop-down list, you can select any one of them: XPATH, CSS Selector, ID, Name or Link Text - -![identifier type dropdown values on the create Element form in Testsigma](https://docs.testsigma.com/images/create-a-new-element/identifier-type-dropdown-value-create-Element-testsigma.png) - - 4. **Enter Value**: Enter the value here that is in correspondence with the Identifier Type you selected. - -  - - Once you have added all the details, click on the ‘CREATE’ button and your created element will be replaced in the test step you were creating. - - diff --git a/src/pages/docs/test-cases/create-steps-nl/web-apps/overview.md b/src/pages/docs/test-cases/create-steps-nl/web-apps/overview.md deleted file mode 100644 index c1a3c759..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/web-apps/overview.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: "Add Test Steps in Test Case Details Page" -metadesc: "Add test steps more steps to a pre-existing test case manually. Learn how to add test steps in simple English for an web app project in Testsigma." -noindex: false -order: 4.440 -page_id: "Add Test Steps in Test Case Details Page" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Steps to follow:" - url: "#steps-to-follow" ---- - ---- -## **Pre-requisites**: -You should know how to: - 1. [Create a test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 2. [Create test steps.](https://testsigma.com/docs/test-cases/create-steps-nl/overview/) - -  - ---- -## **Steps to follow:** -Once the test case is created and the test steps have been added - 1. Hover on the test step after (or before) which you want to add more test steps. - - When you hover - the test steps, UI should look something like this: - -![add step manually after to test steps in Testsigma](https://docs.testsigma.com/images/web-apps/add-step-manually-to-test-steps-testsigma.png) - - 2. if you want to add a step prior to the highlighted step - click on the **Add Step** button above the test step, or if you want to add a step after the highlighted step - click on the **Add Step** button below the test step. - 3. Clicking on the **Add Step** as shown below: - -![add step manually to testsigma UI](https://docs.testsigma.com/images/web-apps/add-step-manually-testsigma-ui.png) - -Now you can add more test steps using simple English. Learn more about [Creating test steps using Actions.](https://testsigma.com/docs/test-cases/create-steps-nl/overview/) - diff --git a/src/pages/docs/test-cases/create-steps-nl/web-apps/update-elements.md b/src/pages/docs/test-cases/create-steps-nl/web-apps/update-elements.md deleted file mode 100644 index de2920b9..00000000 --- a/src/pages/docs/test-cases/create-steps-nl/web-apps/update-elements.md +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: "Update Elements for a Web Project" -metadesc: "How to update the elements in an web app project in Testsigma | Update elements once the structure of your web application is updated" -noindex: false -order: 4.442 -page_id: "Update Elements for a Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to update one element at a time" - url: "#how-to-update-one-element-at-a-time" -- type: link - name: "How to update multiple elements at once:" - url: "#how-to-update-multiple-elements-at-once" ---- - ---- - -There would be times when you would update the structure of your website or application. And then you might want to update the corresponding elements in your automated test project in Testsigma too. In this document, we will discuss two ways of doing that in Testsigma: - 1. Updating elements one at a time - 2. Bulk update multiple elements - -  - ---- -## **Pre-requisites:** - - 1. Your project should already have the element that you want to update. To know how to capture elements, refer to [record multiple elements.](https://testsigma.com/docs/elements/web-apps/record-multiple-elements/) - 2. You should know how to navigate to the Elements page. If not, refer to [Elements - overview.](https://testsigma.com/docs/elements/web-apps/overview/) - -  - ---- -## **How to update one element at a time:** - - 1. To update an element, go to **Test Development > Elements** - 2. **All UI identifiers** page will appear that contains all the elements in the selected project: - -![all-UI-identifiers-page-to-update-elements-in-Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/web-apps/update-elements/all-UI-identifiers-page-to-update-elements-in-Testsigma.png) - - 3. Go to the element that you want to update. If there are too many to find the right one, try filtering the elements. - 4. Hover over the element and click on the **Edit** button. - -![edit button for an element in all UI identifiers page in Testsigma](https://docs.testsigma.com/images/update-elements/edit-button-for-an-element-in-all-ui-identifiers-testsigma.png) - - 5. An Edit Elements layover opens as shown in the screenshot below: -![edit-UI-identifier-page-to-update-elements-in-Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/web-apps/update-elements/edit-UI-identifier-page-to-update-elements-in-Testsigma.png) - -Edit the element and click on **Update** to save the changes. - -  - ---- -## **How to update multiple elements at once:** - - 1. Go to **Test Development > Elements** - 2. On the top right, there is an option to export the elements in excel format. Click it: - -![export-button-on-UI-identifier-page-to-update-elements-in-Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/web-apps/update-elements/export-button-on-UI-identifier-page-to-update-elements-in-Testsigma.png) - - 3. On your workstation, update the excel sheet. Save the changes and close the file. - 4. In Testsigma, click on the import button and upload the saved file from the previous step. - -![import-button-on-UI-identifier-page-to-update-elements-in-Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-nl/web-apps/update-elements/import-button-on-UI-identifier-page-to-update-elements-in-Testsigma.png) - -This way, you can bulk edit element information. The changes will be visible in the corresponding elements in Testsigma. - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/add-steps-before-after.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/add-steps-before-after.md deleted file mode 100644 index 0ac237d9..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/add-steps-before-after.md +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: "Add Steps Before & After a Test Step for an Android Project" -metadesc: " How to add a step before and after a pre-existing test step in an android project in Testsigma." -noindex: false -order: 4.5292 -page_id: "Add Steps Before & After a Test Step for an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to add a step before and after a pre-existing test step in an android project in Testsigma" - url: "#how-to-add-a-step-before-and-after-a-pre-existing-test-step-in-an-android-project-in-testsigma" ---- - ---- - -There are times when you might want to add steps before and after a test step, for an android project. In this document, we will discuss how to do that via the Testsigma test Recorder. - -  - ---- -##**Pre-requisites:** - -You should already be familiar with [Testsigma’s test Recorder.](https://testsigma.com/docs/elements/android-apps/record-multiple-elements/) - -  - ---- -##**How to add a step before and after a pre-existing test step in an android project in Testsigma:** - - 1. Create a Test Case using Testsigma’s test Recorder. - 2. Go to the created test steps on Testsigma’s test Recorder UI. - 3. Hover on one of the test steps, you should see additional options appear for the test step: - -![Test step actions that appear on hover over a test step for an android project in Testsigma](https://docs.testsigma.com/images/add-steps-before-after/hover-over-test-step-testsigma-Recorder-android.png) - - 4. You see two buttons labeled “+ Add Step” - one above the hovered test step and one below the hovered test step. - - -If you click on the ‘+ Add Step’ above, you will be able to record another step above the test step. If you click on the ‘+ Add Step’ below, you will be able to add another step below the test step. - -You can also add steps manually by writing them in simple English. Learn more about [adding steps manually.](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/add-steps-manually/) - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/add-steps-manually.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/add-steps-manually.md deleted file mode 100644 index 9332c0e4..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/add-steps-manually.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: "Add Steps Manually in a Test Case in an Android Project" -page_title: "Add Steps Manually in a Test Case in an Android Project while using Recorder" -metadesc: "How to add test steps to a pre-existing test case via Recorder, for an android project in Testsigma" -noindex: false -order: 4.525 -page_id: "Add Steps Manually in a Test Case in an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Introduction" - url: "#introduction" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to add test steps to a pre-existing test case via Recorder" - url: "#how-to-add-test-steps-to-a-pre-existing-test-case-via-recorder" ---- - ---- -You can add more test steps to a pre-existing test case using the test Recorder. Let’s see how. - -  - ---- -##**Pre-requisites:** - -You should already know how to - - 1. [create a test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - 2. [create test steps for an android application.](https://testsigma.com/docs/test-cases/step-types/overview/) - 3. [record test steps with Testsigma test Recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/) - -  - ---- -##**How to add test steps to a pre-existing test case via test Recorder:** - - 1. Create a test case for an android application. - 2. Go to the created test steps in the Recorder UI. - 3. Hover on the test step after (or before) which you want to add more test steps. When you hover - the test steps UI should look something like below: - -![hover over test step to add steps manually for android project in Testsigma via Recorder UI](https://docs.testsigma.com/images/add-steps-manually/hover-test-step-add-steps-manually-Recorder-android-testsigma.png) - - 4. If you want to add a step above the highlighted step, click on the “Add Step” button above the test step. If you want to add a step after the highlighted step, click on the “Add Step” button below the test step. - 5. On clicking on the “Add Step” button, a blank step will appear for you to add another test step as shown below: - -![new blank step that appears on adding a new step for adding steps manually for a Recorder in an android project in Testsigma](https://docs.testsigma.com/images/add-steps-manually/new-blank-step-add-steps-manually-Recorder-android-testsigma.png) - - -Add the test step using simple English. Learn more about [adding test steps for android.](https://testsigma.com/docs/test-cases/create-steps-nl/android-apps/overview/) - - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/bulk-actions.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/bulk-actions.md deleted file mode 100644 index 9d567caa..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/bulk-actions.md +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: "Test Recorder - Bulk Actions in an Android Project" -metadesc: "Bulk actions you can take on recorded test steps in Testsigma’s Test Recorder UI for an android project" -noindex: false -order: 4.5291 -page_id: "Test Recorder - Bulk Actions in an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Doing bulk actions on recorded test steps" - url: "#doing-bulk-actions-on-recorded-test-steps" ---- - ---- - -When test steps are created via the Test Recorder in Testsigma for an android project, you can do some actions on multiple steps at once. In this document, we will see how. - -  - ---- -##**Pre-requisites:** - -This document assumes that you are familiar with Testsigma’s [Test Recorder.](https://testsigma.com/docs/elements/android-apps/record-multiple-elements/) - -  - ---- -##**Doing bulk actions on recorded test steps:** - - 1. Create a Test Case using Testsigma Test Recorder with multiple test steps. - 2. Select multiple test steps from the test steps section on the Test Recorder UI. The actions that will become available on selecting multiple test steps will be called bulk actions. - - The bulk actions as they appear on the Test Recorder UI are highlighted in the screenshot below: - -![available bulk actions on testsigma Test Recorder for an Android Project in Testsigma](https://docs.testsigma.com/images/bulk-actions/bulk-actions-testsigma-Recorder-android-testsigma.png) - -Bulk actions available are: - - * **Bulk Update**: Update the test steps according to the options highlighted in the screenshot below: - -![bulk update options from Testsigma Test Recorder UI for Android](https://docs.testsigma.com/images/bulk-actions/bulk-update-options-testsigma-Recorder-android.png) - -  - -The options for the bulk update are: - 1. **Max. wait time**: Maximum time that a test step should wait before it fails. - 2. **Stop Test case execution on Test Step failure**: whether the test case execution should stop if the test step fails. - 3. **Is this Test Step Mandatory?** Should the selected test steps be executed every time the test case is executed. - 4. **Disable Step**: disable the selected test steps for test execution. - -  - - * **Reorder**:[Reorder the test steps.](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/reorder/) - * **Delete**: Delete the test steps. - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/controls-and-actions.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/controls-and-actions.md deleted file mode 100644 index 760b9877..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/controls-and-actions.md +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: "Controls and Actions" -page_title: "Controls and Actions in Android Test Recorder" -metadesc: "With Testsigma test recorder, you can generate test steps automatically in plain English by recording your actions in the application UI. This article discusses controls and actions available on recorder in Testsigma" -noindex: false -order: 4.5293 -page_id: "Controls and Actions" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Prerequisites" - url: "#prerequisites" -- type: link - name: "Controls and Actions Available in Test Recorder" - url: "#controls-and-actions-available-in-test-recorder" ---- - ---- - -The test recorder in Testsigma lets you generate test steps automatically in plain English by recording your actions in the application UI. There are some control options that allow record test steps. This article discusses the control options and actions available in Testsigma's Test Recorder. - ---- - -## **Prerequisites** -- You should know [how to create test cases](https://testsigma.com/docs/test-cases/manage/add-edit-delete/). -- You should know [how to create test steps using the recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/). - ---- - -## **Controls and Actions Available in Test Recorder** - -The recording screen will have two sections: -- **Device Controlling Section** -![DCS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dcsanov.png) - -- **Test Steps Section** -![Test Step Section](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tscsandov.png) - -Let’s review all the options available in the **Device Controlling Section**. -1. **Mirroring mode**: Mirror mode will allow you to use the app via Testsigma to mirror real live physical device use. -![Mirroring Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mmodeanov.png) - -2. **Select Element**: You can click on elements and get more information about them. -![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seandov.png) - -For example, if we click on **Login**, the information will be displayed under the section **Selected element attributes**. If you click on **Tap**, the step recorder will create the step as ***Tap on Login***. -![Tap](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tapanov.png) - -3. **Swipe By Coordinates**: The swiping action will be recorded with this option. -![Swipe by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sbcandov.png) - -4. **Tap By Coordinates:** It lets you click on an element on the screen and record the coordinates of the click. -![Tap by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tbcandov.png) - -5. **Search Element**: This option can be used to search for an element in the app source. -![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seandrov.png) - -6. **Go back**: This button records the **go back** action from the current screen. -![Go Back](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/gobackandov.png) - -7. **Home**: This button displays the home screen of the device. -![Home](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/homeandov.png) - -8. **Hide Keyboard**: This button lets you hide the keyboard in the application. -![Hide Keyboard](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/hidekbondov.png) - -9. **Change to landscape mode**: This button lets you switch between landscape and portrait mode. -![Change to Landscape Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/landscmandov.png) - -The **Test Steps Section** will display the actions performed on the device. - ---- diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/create-a-new-element.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/create-a-new-element.md deleted file mode 100644 index e1710f51..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/create-a-new-element.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: "Create an Element for an Android Project" -metadesc: "How to create an element for an Android Project using Testsigma’s Recorder." -noindex: false -order: 4.528 -page_id: "Create an Element for an Android Project" -warning: false ---- - ---- - -In Testsigma, you can create elements for an Android Project using our test Recorder. There are 2 ways to do that. See how you can - - 1. [capture multiple elements at the same time.](https://testsigma.com/docs/elements/android-apps/record-multiple-elements/) - 2. [capture a single element.](https://testsigma.com/docs/elements/android-apps/capture-single-element/) - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/multiple-web-view.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/multiple-web-view.md deleted file mode 100644 index ad61f32c..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/multiple-web-view.md +++ /dev/null @@ -1,62 +0,0 @@ ---- -title: "Recording tests with webview for hybrid Andoid apps" -metadesc: " Recording tests with webview for hybrid Android apps" -noindex: false -order: 4.5294 -page_id: "Recording tests with webview for hybrid Android apps" -warning: false ---- ---- -

While inspecting mobile elements using Testsigma’s Mobile inspector, there are instances where the mobile UI is blank or has no selectable element. In such instances refresh the page again. If the refresh action does not show you the intended mobile UI, the app is a hybrid app that may have some WebViews which are not being rendered.

- -

In a hybrid app, web components are run completely inside a WebView control of the application hence we need to switch the context between NATIVE to HYBRID to access the elements inside the WebView. Note that the context is all the relevant information that specifies the current/active state of the application and its interaction with the user. It also specifies how the server interprets commands, and which commands are available to the user.

- -

Currently, Testsigma supports two contexts: NATIVE and HYBRID. By default, the mobile app is launched in NATIVE context.To switch the app from NATIVE to HYBRID app view, click H from the mobile inspector panel and select WebView from the drop-down menu.

-multiple webview -The below NLP is recorded while switching to HYBRID app context:
-Switch to Webview context -

-While switching back to NATIVE context the following NLP is recorded
-Switch to Native App Context - - - -[[info | Note:]] -| The NLP’s are recorded to store user actions of switching views, please do not delete them if you want the execution to continue on the selected WebView. - -

On switching to HYBRID context the drop-down shows the WebViews associated with the application. -Here in the below example, there are two types of WebView contexts WebView_TerraceView and WebView_application. - -webview_selected -

-

-On selecting any WebView the following NLP is added
-Switch to context with name - -window_handle_before_select - -To obtain the list of all the available WebViews as a screenshot use the NLP
-Get list of all web views - - -Testsigma handles multiple WebView’s in a single app by treating them as separate windows. -window_handle_selected -

- -

-On selecting any window handle the following NLP is added
-Switch to window with index Index_of_window - -This is because window handle titles can be the same most of the time. Window handle dropdown options will show the index in brackets. -For example,'Simply Travel (0)' . Here 0 is the index. - -To set the context to a window with title use the NLP
-Switch to window with title test data - -To list all window handles, use the NLP
-Get list of all window handles - - - -

---- \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/overview.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/overview.md deleted file mode 100644 index 2c3b1e04..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/overview.md +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: "Recording Test Steps with Recorder for Android: An Overview" -metadesc: "This article discusses how to use the recorder to record your test steps and generate automated android tests | Record Test Steps with Recorder for Android" -noindex: false -order: 4.521 -page_id: "Recording Test Steps with Recorder for Android: An Overview" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Prerequisites" - url: "#prerequisites" -- type: link - name: "Steps to Record Test Steps for Android Using Recorder" - url: "#steps-to-record-test-steps-for-android-using-recorder" ---- - ---- - -With Testsigma, you can either write your test steps using NLPs or use the recorder to record your test steps and generate automated android tests. This article discusses how to record test steps for Android using the recorder. - ---- -## **Prerequisites:** -- Testsigma test step recorder chrome extension. See, [Testsigma Chrome Extension](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/). -- An android app that you want to test. - ---- -## **Steps to Record Test Steps for Android Using Recorder** -1. Navigate to **Create Tests > Test Cases**, click on **Create Test Case**. -![Test Case Page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tcsnavandov.png) - -2. On Test Case details page, click on **Record** -![Test Case Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/recordandov.png) - -3. An overlay of **Record test steps** pops up. Select **Test Lab**, **Test Machine** and upload the application you want to test. -![Overlay](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tltmupandov.png) - -4. Click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/recoandov.png) - -5. The recording screen will have two sections: - - **Device Controlling Section** - ![DCS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dcsanov.png) - - **Test Steps Section** - ![Test Step Section](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tscsandov.png) - -6. Let’s review all the options available in the **Device Controlling Section**. - - **Mirroring mode**: Mirror mode will allow you to use the app via Testsigma to mirror real live physical device use. - ![Mirroring Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mmodeanov.png) - - **Select Element**: You can click on elements and get more information about them. - ![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seandov.png) - For example, if we click on **Login**, the information will be displayed under the section **Selected element attributes**. If you click on **Tap**, the step recorder will create the step as ***Tap on Login***. - ![Tap](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tapanov.png) - - **Swipe By Coordinates**: The swiping action will be recorded with this option. - ![Swipe by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sbcandov.png) - - **Tap By Coordinates:** It lets you click on an element on the screen and record the coordinates of the click. - ![Tap by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tbcandov.png) - - **Search Element**: This option can be used to search for an element in the app source. - ![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seandrov.png) - - **Go back**: This button records the “go back” action from the current screen. - ![Go Back](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/gobackandov.png) - - **Home**: This button displays the home screen of the device. - ![Home](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/homeandov.png) - - **Hide Keyboard**: This button lets you hide the keyboard in the application. - ![Hide Keyboard](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/hidekbondov.png) - - **Change to landscape mode**: This button lets you switch between landscape and portrait mode. - ![Change to Landscape Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/landscmandov.png) - -7. The **Test Steps Section** will display the actions performed on the device. - ---- \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/reorder.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/reorder.md deleted file mode 100644 index 6781a2d5..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/reorder.md +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: "Recorder - Reorder Test Steps in an Android Project" -metadesc: "How to reorder recorded test steps in an Android Project via Testsigma’s Recorder UI." -noindex: false -order: 4.529 -page_id: "Recorder - Reorder Test Steps in an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to reorder recorded test steps" - url: "#how-to-reorder-recorded-test-steps" ---- - ---- - -You can reorder the test steps that you record through Testsigma’s test Recorder. This document will discuss how to do that. - -  - ---- -##**Pre-requisites:** - -You should be familiar with [Testsigma test Recorder](https://testsigma.com/docs/elements/android-apps/record-multiple-elements/) - -  - ---- -##**How to reorder recorded test steps:** - - 1. Create a Test Case using Testsigma test Recorder. Make sure to have multiple test steps. - 2. Select multiple test steps from the test steps section on the Recorder UI. The reorder button will appear on the top right, like this: - -![highlighted for reorder in Testsigma Recorder UI for an android project](https://docs.testsigma.com/images/reorder/highlighted-reorder-Recorder-testsigma-android.png) - - 3. Click on the reorder button. The screen will change to this: - -![reorder UI on Testsigma Recorder UI for android project](https://docs.testsigma.com/images/reorder/reorder-ui-testsigma-Recorder-ui-android.png) - - 4. Drag-and-drop the test steps to reorder them. Click on the ‘Update’ button on the top right to save changes. - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/reuse-elements.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/reuse-elements.md deleted file mode 100644 index 7e74ad9b..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/reuse-elements.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: "Reuse Elements in an Android Project" -metadesc: "How to reuse pre-recorded elements via Testsigma’s Recorder for an Android project" -order: 4.526 -page_id: "Reuse Elements in an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to reuse pre-recorded elements via Testsigma’s Recorder for an android project" - url: "#how-to-reuse-pre-recorded-elements-via-testsigmas-recorder-for-an-android-project" ---- - ---- - -When you record elements via Testsigma’s test Recorder, they are saved as elements in the corresponding project in Testsigma. These elements are reusable, and you can add them in new test steps or test cases within the same project. In this document, we will discuss how to do that via Testsigma’s test Recorder for an android project. - -  - ---- -##**Pre-requisites:** - -You should know how to [record a test case via Testsigma’s test Recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/) - -  - ---- - -##**How to reuse pre-recorded elements via Testsigma’s test Recorder for an android project:** - - 1. Create a test case in which you will be reusing your pre-recorded elements. - 2. Start recording test steps for the test case. - 3. Manually add a test step where you want to reuse elements: - - -![example of test steps that contain elements in an android project in Testsigma](https://docs.testsigma.com/images/reuse-elements/test-steps-that-contain-elements-testsigma-android.png) - -  - -Alternatively, you can record a test step that uses an element. Given below is an example of test steps as they appear on Recorder UI. The text in green is an element. - -![example of recorded test steps that contain elements for an android project in Testsigma](https://docs.testsigma.com/images/reuse-elements/recorded-test-steps-that-contain-element-testsigma-android.png) - - 4. Hover on the test step that you want to edit and click on the corresponding edit button. - 5. Click on the green text that represents ‘element’. The ‘Elements’ section appears on the test Recorder UI, listing all pre-recorded elements in the project: - -![Elements screen to reuse elements in Testsigma Recorder for an android project](https://docs.testsigma.com/images/reuse-elements/Element-screen-reuse-elements-testsigma-Recorder-android.png) - - 6. Start typing the name of the element that you want to reuse, the elements will be filtered by name. You can search the elements by name or by Screen name. - 7. From the filtered results, you can click on the element that you want to use, and the element text in your test step will be replaced by the chosen element. - 8. Click on ‘Update’ button corresponding to the test step on the Testsigma test Recorder UI to finalize the change. - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/step-actions.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/step-actions.md deleted file mode 100644 index e435ec5b..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/step-actions.md +++ /dev/null @@ -1,142 +0,0 @@ ---- -title: "Test Step Actions on the Test Recorder for an Android Project" -metadesc: "Actions you can take for a recorded test step in Testsigma’s Recorder UI for an android project" -noindex: false -order: 4.522 -page_id: "Test Step Actions on the Test Recorder for an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites:" - url: "#pre-requisites" -- type: link - name: "Steps to follow:" - url: "#steps-to-follow" ---- - ---- - -When test steps are created via the mobile test Recorder for Android, there are some actions that can be taken on those steps via the Recorder’s UI, such as: - - - 1. Add Test Step - 2. Edit - 3. Delete - 4. Step Details - 5. Edit Elements - 6. Clone - -We will discuss all the above test step actions in this document. - -  - - ---- -##**Pre-requisites:** - -You should already know about [Testsigma’s mobile test Recorder.](https://testsigma.com/docs/elements/android-apps/record-multiple-elements/) - -  - ---- -##**Steps to follow:** - - 1. Create a Test Case for an android application using Testsigma’s mobile test Recorder. - 2. Hover on one of the recorded test steps: - -![hover-over-test-steps-test-step-actions-testsigma-Recorder-android](https://docs.testsigma.com/images/step-actions/hover-over-test-steps-test-step-actions-testsigma-Recorder-android.png) - -  - -If you click on the three horizontal dots at the end of the highlighted row, you will see an option to edit an element under test step details: - -![Test step actions that appear on hover over a test step in Testsigma mobile test Recorder for an android project](https://docs.testsigma.com/images/step-actions/edit-element-test-step-actions-testsigma-Recorder-android.png) - -  - -The highlighted options are the test actions: - - 1. **Add Step**: When you hover over a test step already recorded on the testsigma mobile testRecorder, you see two buttons labeled “+ Add Step” - one above the hovered test step and one below the hovered test step. These are also highlighted in the screenshot below: - -![add step buttons to add another test step in Testsigma Recorder for an android project](https://docs.testsigma.com/images/step-actions/add-step-buttons-test-steps-testsigma-Recorder-android.png) - -If you click on the + Step’ button above, you would be able to record another step above the test step, while if you click on the ‘+ Step’ below, you would be able to record another step below the test step. - -Learn more about [adding steps manally.](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/add-steps-manually/) - -  - - 2. **Edit**: You can use this option to edit the test step. - -![edit test step action in Testsigma Recorder for an android project](https://docs.testsigma.com/images/step-actions/edit-test-step-test-action-testsigma-Recorder-android.png) - -Alternatively, You can also edit the test steps inline, steps to be followed are: -1. Click on the test step that needs to be changed. -2. The required test step should become editable. -3. Do the changes inline. -4. Click outside the step. -5. The change should be saved. - - -  - - 3. **Delete**: You can use this option to delete the test step. - -![delete test step test action in Testsigma Recorder for an android project](https://docs.testsigma.com/images/step-actions/delete-test-step-test-action-testsigma-Recorder-android.png) - -  - - 4. **Step details**: You can check details about a test step by clicking on the option ‘More details’ corresponding to the test step. - -![step details test step action in Testsigma Recorder for an android project](https://docs.testsigma.com/images/step-actions/step-details-test-step-action-testsigma-Recorder-android.png) - -The test step details that are shown are highlighted below: - -![test step details in Testsigma Recorder for an android project](https://docs.testsigma.com/images/step-actions/test-step-details-testsigma-Recorder-android.png) - -  - - 5. **Edit Element**: You can edit an element via the Testsigma mobile test Recorder by clicking on the ‘Edit Element’ button on the test details section: - -![Edit element for a test step in Testsigma Recorder for an android project](https://docs.testsigma.com/images/step-actions/edit-element-test-step-details-testsigma-Recorder-android.png) - -  - -The screenshot below highlights the UI what happens when you click the ‘Edit Element’ button: - -![Edit Element UI for an element in a test step on Testsigma Recorder UI for an android project](https://docs.testsigma.com/images/step-actions/edit-element-ui-testsigma-Recorder-android.png) - -  - -Here are the fields on the ‘Edit Element’ window: - - * **Name**: This is an editable field, you can edit the name of the element here - * **Screen Name**: This is an editable field, you can edit the screen name for the element here. - * **Element Type**: This is a drop-down field that has values: - 1. Xpath - 2. ID - 3. Name - 4. Class Name - 5. Accessibiity ID - - You can select any of the above options for the element. - -   - - * **Enter Value**: Here, the value should correspond to the element type selected. This is also an editable field. - -  - -6. **Clone**: You can use this option to create a copy of an existing test step at the end of all the already recorded steps. This is how the clone option will appear: - -![clone test step test action in Testsigma Recorder for an android project](https://docs.testsigma.com/images/step-actions/clone-test-step-test-action-testsigma-Recorder-android.png) - - - - - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/step-settings.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/step-settings.md deleted file mode 100644 index 8dfec1c6..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/step-settings.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: "Recorder - Test Step Settings for an Android Project" -metadesc: "How to view test step settings in Testsigma’s Recorder for an android project in Testsigma." -noindex: false -order: 4.523 -page_id: "Recorder - Test Step Settings for an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to view test step settings in Testsigma’s Recorder" - url: "#how-to-view-test-step-settings-in-testsigmas-recorder" ---- - ---- - -When you create test steps for an android application via Testsigma’s mobile test Recorder, you can view details for each test step in the Recorder UI itself. In this document, we will discuss how to do that. - -  - ---- -##**Pre-requisites:** -For an android project, the test step settings will be available under the test step details for the pre-recorded test steps on Testsigma’s mobile test Recorder UI. You should already know how to [record test steps via Testsigma’s Recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/) - -  - ---- -##**How to view test step settings in Testsigma’s mobile test Recorder:** - - 1. Create a Test Case in an android project in Testsigma and record test steps using Testsigma’s mobile test Recorder. - 2. Hover on one of the test steps. Various options available for a test step will appear like this: - -![test step settings that appear on hover over a test step in Testsigma Recorder for Android](https://docs.testsigma.com/images/step-settings/test-step-settings-visible-on-hover-test-step-testsigma-Recorder-android.png) - - 3. Click on the three horizontal dots at the end of the highlighted row to see test step details: - -![test step details that appear for a test step in Testsigma mobile insector for Android](https://docs.testsigma.com/images/step-settings/test-step-details-testsigma-Recorder-android.png) - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/test-data-options.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/test-data-options.md deleted file mode 100644 index b4c2894f..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/test-data-options.md +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: "Test Data in Steps in Steps for an Android Project" -metadesc: "How to add test data in test steps using Testsigma Recorder for an Android project" -noindex: false -order: 4.524 -page_id: "Test Data in Steps in Steps for an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to add test data in test steps using Testsigma Mobile Test Recorder" - url: "#how-to-add-test-data-in-test-steps-using-testsigma-mobile-test-recorder" ---- - ---- - -When creating test steps using mobile test Recorder in Testsigma, there are various types of test data that you can use. In this document, we will discuss how to add that test data while you are recording test steps for an android project in Testsigma. Refer to [supported test data types in Testsigma.](https://testsigma.com/docs/test-data/types/overview/) - -  - ---- -##**Pre-requisites:** - -You should already know how to: - - 1. [create an android project.](https://testsigma.com/docs/projects/overview/) - 2. [use mobile test Recorder to create test steps.](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/) - 3. [create a test case.](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - -  - ---- -##**How to add test data in test steps using Testsigma Mobile Test Recorder:** - - 1. Start recording test steps using Testsigma mobile test Recorder. - 2. In the Testsigma Recorder UI, add a test step that will have test data. Some example steps that have test data are shown below: - -![example steps that contain test data for a Recorder for an android project in Testsigma](https://docs.testsigma.com/images/test-data-options/test-data-example-steps-for-element-inspector-testsigma-android.png) - - 3. The text in blue is placeholder text for your test data. Remove the text test data to see the types of test data you can add: - -![test-data-types-that-appear-when-adding-test-data-in-steps-in-recorder-for-android-project-in-Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/test-data-options/test-data-types-that-appear-when-adding-test-data-in-steps-in-recorder-for-android-project-in-Testsigma.png) - -Select the type of test data you want to add and progress ahead. See [supported test data types in Testsigma.](https://testsigma.com/docs/test-data/types/overview/) - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/android-apps/update-elements.md b/src/pages/docs/test-cases/create-steps-recorder/android-apps/update-elements.md deleted file mode 100644 index a32d9c5b..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/android-apps/update-elements.md +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: "Update Elements for an Android Project" -metadesc: "How to update an element via Testsigma’s Recorder for an Android Project." -noindex: false -order: 4.527 -page_id: "Update Elements for an Android Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to update an element via Testsigma’s Recorder" - url: "#how-to-update-an-element-via-testsigmas-recorder" ---- - ---- - -When you update the structure of your android application, you will need to update the corresponding elements in your automated test project in Testsigma too. In this document, we will discuss how to do that using Testsigma’s test Recorder. - -  - ---- -##**Pre-requisites:** - -You should already know how to [capture elements using test Recorder.](https://testsigma.com/docs/elements/android-apps/capture-single-element/) - -  - ---- -##**How to update an element via Testsigma’s test Recorder:** - - 1. Create a Test Case using Testsigma’s test Recorder in your Android Project. - 2. On the Recorder UI, hover over the step that has the element you want to edit. The elements appear in green on the Testsigma test Recorder UI - -![Highlighted example elements in Testsigma Recorder](https://docs.testsigma.com/images/update-elements/highlighted-example-elements-android-testsigma-Recorder.png) - - - 3. Click on the ‘More Details’ button corresponding to the step that you want to edit. The button corresponding to the step is highlighted in the screenshot below: - -![more details button for a test step in an Android Project in Testsigma while using the Recorder](https://docs.testsigma.com/images/update-elements/more-details-button-for-a-test-step-android-testsigma-Recorder.png) - - 4. Click on ‘More details’ button: - -![test step details for an Android test case on Testsigma Recorder UI](https://docs.testsigma.com/images/update-elements/test-step-details-testsigma-Recorder-android.png) - - 5. Click on the edit button corresponding to the element on the Test Step Details: - -![edit element button on test step details section for testsigma Recorder for android](https://docs.testsigma.com/images/update-elements/edit-element-button-test-step-details-testsigma-Recorder-android.png) - -  - -![edit element UI from test step details section on the Recorder UI for an android project in Testsigma](https://docs.testsigma.com/images/update-elements/edit-element-ui-from-test-step-details-Recorder-android-testsigma.png) - -  - -Here are the fields that appear on the ‘Edit Element’ window: - - * **Name**: Text input field, you can edit the name of the Element here - * **Screen Name**: This is an editable field, you can edit the screen name for the Element here. - * **Element Type**: This is a drop-down field that has values: - 1. Xpath - 2. ID - 3. Name - 4. Class Name - 5. Accessibility ID - -You can select any of these options for element type. - * **Enter Value**: Here, the value should correspond to the element type selected. This is also an editable field. - - -6. Click on the ‘Update’ button to finalize the changes. - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/add-steps-before-after.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/add-steps-before-after.md deleted file mode 100644 index e8b1e3fa..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/add-steps-before-after.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: "Add Steps Before & After a Test Step for an iOS Project" -metadesc: "How to add a step before and after a pre-existing test step in an iOS project in Testsigma." -noindex: false -order: 4.5392 -page_id: "Add Steps Before & After a Test Step for an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to add a step before and after a pre-existing test step in an iOS project in Testsigma" - url: "#how-to-add-a-step-before-and-after-a-pre-existing-test-step-in-an-ios-project-in-testsigma" ---- - ---- -There are times when you might want to add steps before and after a test step, for an iOS project. In this document, we will discuss how to do that via the Test Recorder. - -  - ---- -##**Pre-requisites:** -You should already be familiar with [Test Recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/overview/). - -  - ---- -##**How to add a step before and after a pre-existing test step in an iOS project in Testsigma:** -1. Create a Test Case using Test Recorder. - -2. Go to the created test steps on Test Recorder UI. - -3. Hover on one of the test steps, you should see additional options appear for the test step: - -![Test step actions that appear on hover over a test step for an ios project in Testsigma](https://docs.testsigma.com/images/add-steps-before-after/hover-over-test-step-testsigma-mobile-inspector-ios.png) - -4. You see two buttons labeled “+ Add Step” - one above the hovered test step and one below the hovered test step. - - -If you click on the ‘+ Add Step’ above, you will be able to record another step above the test step. If you click on the ‘+ Add Step’ below, you will be able to add another step below the test step. - - -You can also add steps manually by writing them in simple English. Learn more about [adding steps manually](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/add-steps-manually/). - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/add-steps-manually.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/add-steps-manually.md deleted file mode 100644 index aeefa2cc..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/add-steps-manually.md +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: "Add Steps Manually in a Test Case in an iOS Project" -metadesc: "How to add test steps to a pre-existing test case via Recorder, for an iOS project in Testsigma" -noindex: false -order: 4.535 -page_id: "Add Steps Manually in a Test Case in an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Introduction" - url: "#introduction" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to add test steps to a pre-existing test case via Recorder" - url: "#how-to-add-test-steps-to-a-pre-existing-test-case-via-recorder" ---- - - ---- - -You can add more test steps to a pre-existing test case using the Test Recorder. Let’s see how. - -  - ---- -##**Pre-requisites:** -You should already know how to - -1. [create a test case](https://testsigma.com/docs/test-cases/manage/add-edit-delete/). - -2. [create test steps for an iOS application](https://testsigma.com/docs/test-cases/step-types/overview/). - -3. [record test steps with Test Recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/overview/). - ---- -##**How to add test steps to a pre-existing test case via Test Recorder:** -1. Create a test case for an iOS application. - -2. Go to the created test steps in the Test Recorder UI. - -3. Hover on the test step after (or before) which you want to add more test steps. When you hover - the test steps UI should look something like below: - - -![hover over test step to add steps manually for iOS project in Testsigma via Recorder UI](https://docs.testsigma.com/images/add-steps-manually/hover-test-step-add-steps-manually-mobile-inspector-ios-testsigma.png) - - -4. If you want to add a step above the highlighted step, click on the “Add Step” button above the test step. If you want to add a step after the highlighted step, click on the “Add Step” button below the test step. - -5. On clicking on the “Add Step” button, a blank step will appear for you to add another test step as shown below: - -![new blank step that appears on adding a new step for adding steps manually for a Recorder in an iOS project in Testsigma](https://docs.testsigma.com/images/add-steps-manually/new-blank-step-add-steps-manually-mobile-inspector-ios-testsigma.png) - -Add the test step using simple English. Learn more about [adding test steps for iOS](https://testsigma.com/docs/test-cases/step-types/overview/). \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/bulk-actions.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/bulk-actions.md deleted file mode 100644 index c82718c6..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/bulk-actions.md +++ /dev/null @@ -1,65 +0,0 @@ ---- -title: "Test Recorder - Bulk Actions in an iOS Project" -metadesc: " Bulk actions you can take on the recorded test steps in Testsigma’s Test Recorder UI for an iOS project" -noindex: false -order: 4.5391 -page_id: "Test Recorder - Bulk Actions in an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to perform bulk actions on recorded test steps" - url: "#how-to-perform-bulk-actions-on-recorded-test-steps" ---- - ---- -You can perform bulk actions on the test steps that you record using Test Recorder for an iOS project. In this document, we will cover how to do that. - -  - ---- -##**Pre-requisites:** -You should already be familiar with [Test Recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/overview/). - -  - ---- -##**How to perform bulk actions on recorded test steps:** -1. Create a Test Case using Testsigma Test Recorder with multiple test steps. - -2. Select multiple test steps from the test steps section on the Test Recorder UI. The actions that will become available on selecting multiple test steps will be called bulk actions. - - The bulk actions, as they appear on the Test Recorder UI, are also highlighted in the screenshot below: - -![available bulk actions on Test Recorder for an iOS Project in Testsigma](https://docs.testsigma.com/images/bulk-actions/bulk-actions-mobile-inspector-ios-testsigma.png) - -Bulk actions available are: - - **a. Bulk Update:** Update the test steps according to the options highlighted in the screenshot below: - -![bulk update options from Test Recorder UI for iOS](https://docs.testsigma.com/images/bulk-actions/bulk-update-options-testsigma-mobile-inspector-ios.png) - -The options for the bulk update are: - -**1. Max wait time:** Maximum time that a test step should wait before it fails - -**2. Stop Test case execution on Test Step failure:** Whether the test case execution should stop if the test step fails. - -**3. Is this Test Step Mandatory:** Should the selected test steps be executed every time the test case is executed - -**4. Disable Step:** disable the selected test steps for test execution - - - **b. Reorder:** [Reorder the test steps](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/reorder/). - - **c. Delete:** Delete the selected test steps. - - - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/controls-and-actions.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/controls-and-actions.md deleted file mode 100644 index 881443eb..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/controls-and-actions.md +++ /dev/null @@ -1,124 +0,0 @@ ---- -title: "Controls and Actions" -page_title: "Controls and Actions in Android Test Recorder" -metadesc: "Controls and actions for Testsigma’s Test Recorder Chrome extension." -noindex: false -order: 4.5393 -page_id: "Controls & Actions" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" ---- - ---- -Test Recorder lets you generate test steps automatically in plain English, by recording your actions in the application UI. For this, we need some control options. This document contains information about the control options and actions available in Test Recorder for recording test steps. - -  - ---- -##**Pre-requisites:** -This document assumes that you know how to: - - a. [Create Test case](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - - b. [Create Test steps using simple English based actions](https://testsigma.com/docs/test-cases/create-steps-nl/overview/) - - c. [Create Test steps using step Test recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - -Given below are the controls and actions available in step Test recorder: - - **1. Mirroring Mode:** Mirror mode will allow you to use the app via Testsigma to mirror real live physical device use - -![Mirroring mode in Test Recorder for iOS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/ios-apps/overview/test-recorder-interface-ios-1-steps-mirroring-mode.png) - - **2. Select Element:** This mode is used for capturing the element details. - -  2.1 Click on 'Select Element' Option. - -  2.2 Tap on any element you need to do tap action. - -  2.3 Click on Tap on the top. - - ![Select Element in Test Recorder for iOS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/ios-apps/overview/test-recorder-interface-ios-1-select-element.png) - -  -![tap option on selected elements via android step recorder in Testsigma](https://docs.testsigma.com/images/controls-and-actions/tap-option-selected-elements-android-step-recorder.png) - - - **3. Swipe By Coordinates:** For performing any swipe action in the application. - -  3.1 Click on 'Swipe By Coordinates' option. - -  3.2 Double click on the area in the application UI from where you need to start swiping. - -  3.3 Swipe down /Up/Left/Right to do a swipe action down, up, left, or right and release the cursor. - -  3.4 This will perform a swipe action on the application - -![Swipe By Coordinates in Test Recorder for iOS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/ios-apps/overview/test-recorder-interface-ios-1-swipe-by-coordinates.png) - - **4. Tap By Coordinates:** For clicking on elements in the application. - -  4.1 Click on the 'Tap By Coordinates' option. - -  4.2 Tap on any element on the application to do a click action. - -![Tap By Coordinates in Test Recorder for iOS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/ios-apps/overview/test-recorder-interface-ios-1-tap-by-coordinates.png) - - **5. Go Back:** For going back to the previous page of the app. - -![go back to previous page on android step recorder in Testsigma](https://docs.testsigma.com/images/controls-and-actions/go-back-android-step-recorder.png) - - **6. Home:** For going to the device home screen. - -![Home: For going to the device home screen.](https://docs.testsigma.com/images/controls-and-actions/go-to-homepage-android-step-recorder.png) - - **7. Refresh Screenshot:** For refreshing the current application page. - -![refresh screenshot for android step recorder in Testsigma](https://docs.testsigma.com/images/controls-and-actions/refresh-screenshot-android-step-recorder.png) - - **8. Change to Landscape/Portrait mode:** Changes the screen orientation to Landscape/Portrait mode. - -![change screen orientation on android step recorder in Testsigma](https://docs.testsigma.com/images/controls-and-actions/change-screen-orientation-android-step-recorder.png) - - **9. Search Element:** To search for a particular element by its XPATH, Accessibility id, id, etc. - -  9.1 Click on the Search Element option - -  9.2 A window opens up. Click on the Element type drop-down to select any element type. - -  9.3 Type the value in Search your queries box - -  9.4 Click on the Search button - -![elements box to search elements on android step recorder in Testsigma](https://docs.testsigma.com/images/controls-and-actions/elements-box-to-search-android-step-recorder.png) - - ![android step recorder in Testsigma](https://docs.testsigma.com/images/controls-and-actions/search-element-by-type-android-step-recorder.png) - -  - - **10. Switch to Native view:** Switches the app to the native view context. - - **11. Switch to hybrid view:** Switches to the web view context for hybrid apps. - - **12. Tap:** To tap on an element in the application UI. - - **13. Enter data:** To enter any data in the application text box. - -  13.1 Click Enter data. - -   13.2 A window will open to enter the data. Enter the data in the box. - -  13.3 Click on Enter data. - - **14. Clear:** To clear a value displayed in the text box in the application UI. - -  -The snippet below shows the Tap, Enter data, and Clear options. - -![actions for selected element in android step recorder in Testsigma](https://docs.testsigma.com/images/controls-and-actions/actions-for-selected-element-android-step-recorder.png) - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/create-a-new-element.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/create-a-new-element.md deleted file mode 100644 index c364680b..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/create-a-new-element.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: "Create an Element for an iOS Project" -metadesc: "How to create an element for an iOS Project using Testsigma’s Recorder." -noindex: false -order: 4.538 -page_id: "Create an Element for an iOS Project" -warning: false ---- - ---- -In Testsigma, you can create elements for an iOS Project using our Test Recorder. There are 2 ways to do that. See how you can - -1. [capture multiple elements at the same time](https://testsigma.com/docs/elements/ios-apps/record-multiple-elements/). - -2. [capture a single element](https://testsigma.com/docs/elements/ios-apps/capture-single-element/). - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/multiple-webview-hybrid-ios.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/multiple-webview-hybrid-ios.md deleted file mode 100644 index b12c442f..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/multiple-webview-hybrid-ios.md +++ /dev/null @@ -1,36 +0,0 @@ ---- -title: "Recording Tests with WebView for Hybrid iOS Apps" -metadesc: "Recording tests with webview for hybrid iOS apps | Learn how to switch the app from NATIVE to HYBRID app view in Testsgima application while recording tests" -noindex: false -order: 4.5394 -page_id: "Recording tests with webview for hybrid iOS apps" -warning: false ---- ---- - -While inspecting mobile elements using Testsigma's Mobile Inspector, there are instances where the mobile UI is blank or has no selectable element. In such cases, refresh the page again. If the refresh action does not show you the intended mobile UI, the app is a hybrid app that may have some WebViews that are not being rendered. - -In a hybrid app, web components are run completely inside a WebView control of the application. Hence, we need to switch the context between NATIVE and HYBRID to access the elements inside the WebView. Note that the context is all the relevant information that specifies the current/active state of the application and its interaction with the user. It also specifies how the server interprets commands and which commands are available to the user. - -Currently, Testsigma supports two contexts: **NATIVE** and **HYBRID**. By default, the mobile app is launched in a NATIVE context. To switch the app from NATIVE to HYBRID app view, click **H** from the mobile inspector panel and select WebView from the drop-down menu. - -![WebViews](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/HybridView.gif) - -The below NLP is recorded while switching to HYBRID app context: - -***Switch to Webview context*** - -While switching back to NATIVE context the following NLP is recorded - -***Switch to Native App Context*** - -[[info | **NOTE**:]] -| The NLP’s are recorded to store user actions of switching views, please do not delete them if you want the execution to continue on the selected WebView. - -On switching to HYBRID context the drop-down shows the WebViews associated with the application. Here in the below example, there is a webview with the name **WEBVIEW_6890.1**. -![Webview](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/hbawv.png) - -On selecting the WebView the following NLP is added, - -**Switch to context with name *WEBVIEW_6890.1*** -![NLP](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/nplhawv.png) \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/overview.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/overview.md deleted file mode 100644 index c543db44..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/overview.md +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: "Recording Test Steps with Recorder for iOS: An Overview" -metadesc: "Learn how to record test steps using Testsigma’s Recorder for iOS | Write your test steps using recorder to record your test steps and generate iOS tests" -noindex: false -order: 4.531 -page_id: "Recording Test Steps with Recorder for iOS: An Overview" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Prerequisites" - url: "#prerequisites" -- type: link - name: "Steps to Record Test Steps for iOS Using Recorder" - url: "#steps-to-record-test-steps-for-ios-using-recorder" ---- - ---- - -With Testsigma, you can either write your test steps using NLPs or use the recorder to record your test steps and generate automated iOS tests. This article discusses how to record test steps for iOS using the recorder. - ---- - -## **Prerequisites** -- Testsigma test step recorder chrome extension. *For more information, refer to [Testsigma Chrome Extension](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/).* -- An iOS app that you want to test. - ---- - -## **Steps to Record Test Steps for iOS Using Recorder** -1. Navigate to **Create Tests > Test Cases**, click on **Create Test Case**. -![Test Cases](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosoctc.png) - -2. On **Test Case Details** page, click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosoreco.png) - -3. On **Record test steps** overlay, select **Test Lab**, **Test Machine** and **App Source** you want to test. -![Record Steps Overlay](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosotltmas.png) - -4. Click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosorctso.png) - -5. The recording screen will have two sections: - - - **Device Controlling Section** - ![DCS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dcsioso.png) - - - **Test Steps Section** - ![Test Steps Section](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tssioso.png) - -6. Let’s review all the options available in the **Device Controlling Section**. - - **Mirroring mode:** Mirror mode will allow you to use the app via Testsigma to mirror real live physical device use. - ![Mirroring Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mmioso.png) - - - **Select Element:** You can click on elements and get more information about them. - ![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seiosoerview.png) - - For example, if we click on Sign up free, the information will be displayed under the section Selected element attributes. If you click on Tap, the step recorder will create the step as Tap on Sign up free. - - - **Swipe By Coordinates:** The swiping action will be recorded with this option. - ![Swipe by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sbciosovrv.png) - - - **Tap By Coordinates:** It lets you click on an element on the screen and record the coordinates of the click. - ![Tap by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tbciosoovrv.png) - - - **Search Element:** This option can be used to search for an element in the app source. - ![Search Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seiosoov.png) - - - **Go back:** This button records the “go back” action from the current screen. - ![Go Back](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/gbioso.png) - - - **Home:** This button displays the home screen of the device. - ![Home](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/homeioso.png) - - - **Hide Keyboard:** This button lets you hide the keyboard in the application. - ![Hode KB](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/hkbioso.png) - - - **Change to landscape mode:** This button lets you switch between landscape and portrait mode. - ![Landscape Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lmiosovv.png) - -8. The **Test Steps Section** will display the actions performed on the device. - ---- \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/reorder.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/reorder.md deleted file mode 100644 index 62027ffb..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/reorder.md +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: "Recorder - Reorder Test Steps in an iOS Project" -metadesc: "How to reorder recorded test steps in an iOS Project via Testsigma’s Recorder UI." -noindex: false -order: 4.539 -page_id: "Recorder - Reorder Test Steps in an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to reorder recorded test steps" - url: "#how-to-reorder-recorded-test-steps" ---- - ---- -You can reorder the test steps that you record through Test Recorder. This document will discuss how to do that. - -  - ---- -##**Pre-requisites:** -You should be familiar with [Test Recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/overview/). - -  - ---- -##**How to reorder recorded test steps:** - -1. Create a Test Case using Test Recorder. Make sure to have multiple test steps. - -2. Select multiple test steps from the test steps section on the Test Recorder UI. The reorder button will appear on the top right, like this: - -![highlighted for reorder in Testsigma Recorder UI for an ios project](https://docs.testsigma.com/images/reuse-elements/highlighted-reorder-mobile-inspector-testsigma-ios.png) - -3. Click on the reorder button. The screen will change to this: - -![reorder UI on Testsigma Recorder UI for ios project](https://docs.testsigma.com/images/reuse-elements/reorder-ui-testsigma-mobile-inspector-ui-ios.png) - -4. Drag-and-drop the test steps to reorder them. Click on the ‘Update’ button on the top right to save changes. - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/reuse-elements.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/reuse-elements.md deleted file mode 100644 index 9af7cf61..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/reuse-elements.md +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: "Reuse Elements in an iOS Project" -metadesc: "How to reuse pre-recorded elements via Testsigma’s mobile inspector for an iOS project" -noindex: false -order: 4.536 -page_id: "Reuse Elements in an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to reuse pre-recorded elements via Testsigma’s Recorder for an iOS project" - url: "#how-to-reuse-pre-recorded-elements-via-testsigmas-recorder-for-an-ios-project" ---- - ---- -When you record elements via Test Recorder, they are saved as elements in the corresponding project in Testsigma. These elements are reusable, and you can add them in new test steps or test cases within the same project. In this document, we will discuss how to do that via Test Recorder for an iOS project. - -  - ---- -##**Pre-requisites:** -You should know how to [record a test case via Test Recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/overview/). - -  - ---- -##**How to reuse pre-recorded elements via Test Recorder for an iOS project:** - -1. Create a test case in which you will be reusing your pre-recorded elements. - -2. Start recording test steps for the test case. - -3. Manually add a test step where you want to reuse elements: - -![example of test steps that contain elements in an iOS project in Testsigma](https://docs.testsigma.com/images/reuse-elements/test-steps-that-contain-elements-testsigma-ios.png) - -Alternatively, you can record a test step that uses an element. Given below is an example of test steps as they appear on the Recorder UI. The text in green is an element. - -![example of recorded test steps that contain elements for an ios project in Testsigma](https://docs.testsigma.com/images/reuse-elements/recorded-test-steps-that-contain-element-testsigma-ios.png) - -4. Hover on the test step that you want to edit and click on the corresponding edit button. - -5. Click on the green text that represents ‘element’. The ‘Elements’ section appears on the Test Recorder UI, listing all pre-recorded elements in the project: - -![elements screen to reuse elements in Testsigma recorder for an ios project](https://docs.testsigma.com/images/reuse-elements/elements-screen-reuse-elements-testsigma-recorder-ios.png) - -6. Start typing the name of the element that you want to reuse, the elements will be filtered by name. You can search the elements by name or by Screen name. - -7. From the filtered results, you can click on the element that you want to use, and the element text in your test step will be replaced by the chosen element. - -8. Click on the ‘Update’ button corresponding to the test step on the Test Recorder UI to finalize the change. - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/step-actions.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/step-actions.md deleted file mode 100644 index 92be02cf..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/step-actions.md +++ /dev/null @@ -1,140 +0,0 @@ ---- -title: "Test Step Actions on the Test Recorder for an iOS Project" -metadesc: "Test step actions for a recorded test step in Testsigma’s Recorder UI for an ios project." -noindex: false -order: 4.532 -page_id: "Test Step Actions on the Test Recorder for an iOS ProjectMore Actions" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Steps to follow" - url: "#steps-to-follow" ---- - ---- -When test steps are created via the Test Recorder for iOS, there are some actions that can be taken on those steps via the Test Recorder’s UI, such as: - - -1. Add Test Step - -2. Edit - -3. Delete - -4. Step Details - -5. Edit Elements - -6. Clone - - -We will discuss all the above test step actions in this document. - - ---- -##**Pre-requisites:** -You should already know about [Test Recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/). - -  - ---- -##**Steps to follow:** -1. Create a Test Case for an iOS application . - -2. Click on Record. - -3. Enter the specifications. - -4. Record a step. - -5. Hover on one of the recorded test steps: - -![Test step actions that appear on hover over a test step in Test Recorder for an ios project](https://docs.testsigma.com/images/step-actions/hover-over-test-steps-test-step-actions-testsigma-element-inspector-ios.png) - -If you click on the three horizontal dots at the end of the highlighted row, you will also see the option to edit an element under test step details, as shown in the screenshot below: - -![Test step actions that appear on hover over a test step in Test Recorder for an iOS project](https://docs.testsigma.com/images/step-actions/edit-element-test-step-actions-testsigma-element-inspector-ios.png) - -The highlighted options are the test actions. Let’s discuss them one by one: - -**1. Add Step:** When you hover over a test step already recorded on the Test Recorder, you see two buttons labeled “+ Add Step” - one above the hovered test step and one below the hovered test step. These are also highlighted in the screenshot below: - -![add step buttons to add another test step in Test Recorder for an ios project](https://docs.testsigma.com/images/step-actions/add-step-buttons-test-steps-testsigma-element-inspector-ios.png) - - -If you click on the ' + Add Step’ button above, you would be able to record another step above the test step, while if you click on the ‘+ Add Step’ below, you would be able to record another step below the test step. - - - -**2. Edit:** You can use this option to edit the test step. - -![edit test step under test step actions in Test Recorder for an ios project](https://docs.testsigma.com/images/step-actions/edit-test-step-test-action-testsigma-element-inspector-ios.png) - -Alternatively, You can also edit the test steps inline, steps to be followed are: -1. Click on the test step that needs to be changed. -2. The required test step should become editable. -3. Do the changes inline. -4. Click outside the step. -5. The change should be saved. - - -**3. Delete:** You can use this option to delete the test step. - -![delete test step test action in Test Recorder for an ios project](https://docs.testsigma.com/images/step-actions/delete-test-step-test-action-testsigma-element-inspector-ios.png) - -**4. Step details:** You can check details about a test step by clicking on the option ‘More details’ corresponding to the test step as also highlighted in the screenshot below. - -![step details test step action in Test Recorder for an ios project](https://docs.testsigma.com/images/step-actions/step-details-test-step-action-testsigma-element-inspector-ios.png) - -The test step details that are shown are as highlighted below: - -![test step details in Test Recorder for an ios project](https://docs.testsigma.com/images/step-actions/test-step-details-testsigma-element-inspector-ios.png) - -**5. Edit Element:** You can edit an element via the Test Recorder by clicking on the ‘Edit Element’ button on the test details section. The button is also highlighted for your reference in the screenshot below: - -![Edit element for a test step in Test Recorder for an ios project](https://docs.testsigma.com/images/step-actions/edit-element-test-step-details-testsigma-element-inspector-ios.png) - -Edit element for a test step in Test Recorder for an ios project - -![Edit Element UI for an element in a test step on Test Recorder UI for an ios project](https://docs.testsigma.com/images/step-actions/edit-element-ui-testsigma-element-inspector-ios.png) - -Below are the fields that appear on the ‘Edit Element’ window: - -  1. **Name:** This is an editable field, you can edit the name of the element here. - -  2. **Screen Name:** This is an editable field, you can edit the screen name for the element here. - -  3. **Element Type:** This is a drop-down field that has values: - -  a. Xpath - -  b. ID - -  c. Name - -  d. Class Name - -  e. Accessibiity ID - -  You can select any of the above options for the element. - -  4. **Enter Value:** Here, the value should correspond to the element type selected. This is also an editable field. - -  -**6. Clone:** You can use this option to create a copy of an existing test step at the end of all the already recorded steps. - - Below is how the clone option will appear: - -![clone test step test action in Test Recorder for an ios project](https://docs.testsigma.com/images/step-actions/clone-test-step-test-action-testsigma-element-inspector-ios.png) - - - - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/step-settings.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/step-settings.md deleted file mode 100644 index 3faef0da..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/step-settings.md +++ /dev/null @@ -1,37 +0,0 @@ ---- -title: "Recorder - Test Step Settings for an iOS Project" -metadesc: "How to view test step settings in Testsigma’s Recorder for an iOS project in Testsigma." -noindex: false -order: 4.533 -page_id: "Recorder - Test Step Settings for an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to view test step settings in Testsigma’s Recorder" - url: "#how-to-view-test-step-settings-in-testsigmas-recorder" ---- - ---- -When you create test steps for an iOS application via Test Recorder, you can view details for each test step in the Test Recorder UI itself. In this document, we will discuss how to do that. - ---- -##**Pre-requisites:** -For an iOS project, the test step settings will be available under the test step details for the pre-recorded test steps on Testsigma’s Recorder UI. You should already know how to [record test steps via Test Recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/). - - ---- -##**How to view test step settings in Test Recorder:** -1. Create a Test Case in an iOS project in Testsigma and record test steps using Test Recorder. - -2. Hover on one of the test steps. Various options available for a test step will appear like this: - -![test step settings that appear on hover over a test step in Testsigma Recorder for iOS](https://docs.testsigma.com/images/step-settings/test-step-settings-visible-on-hover-test-step-testsigma-mobile-inspector-ios.png) - -3. Click on the three horizontal dots at the end of the highlighted row to see test step details - -![test step details that appear for a test step in Testsigma Recorder for iOS](https://docs.testsigma.com/images/step-settings/test-step-details-testsigma-mobile-inspector-ios.png) diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/test-data-options.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/test-data-options.md deleted file mode 100644 index d447e84e..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/test-data-options.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: "Test Data in Steps for an iOS Project" -metadesc: "How to add test data in test steps using Testsigma Recorder for an iOS project" -noindex: false -order: 4.534 -page_id: "Test Data in Steps for an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to add test data in test steps using Testsigma Recorder" - url: "#how-to-add-test-data-in-test-steps-using-testsigma-recorder" ---- - ---- -When creating test steps using the Test Recorder in Testsigma, there are various types of test data that you can use. In this document, we will discuss how to add that test data while you are recording test steps for an iOS project in Testsigma. Refer to [supported test data types in Testsigma](https://testsigma.com/docs/test-data/types/overview/). - - ---- -##**Pre-requisites:** -You should already know how to: - -1. [create an iOS project](https://testsigma.com/docs/projects/overview/). - -2. [use Test Recorder to create test steps](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/overview/). - -3. [create a test case](https://testsigma.com/docs/test-cases/manage/add-edit-delete/). - - ---- -##**How to add test data in test steps using Test Recorder:** -1. Start recording test steps using Test Recorder. - -2. In the Test Recorder UI, add a test step that will have test data. Some example steps that have test data are shown below: - - -![example steps that contain test data for an element inspector for an ios project in Testsigma](https://docs.testsigma.com/images/test-data-options/test-data-example-steps-for-element-inspector-testsigma-ios.png) - - -The text in blue is placeholder text for your test data. Remove the text test data to see the types of test data you can add: - -![test data types that appear when adding test data in steps in recorder for an iOS project in Testsigma](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/ios-apps/test-data-options/test-data-types-test-data-in-element-inspector-steps-testsigma-ios.png) - - -Select the type of test data you want to add and progress ahead. See [supported test data types in Testsigma](https://testsigma.com/docs/test-data/types/overview/). - diff --git a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/update-elements.md b/src/pages/docs/test-cases/create-steps-recorder/ios-apps/update-elements.md deleted file mode 100644 index 9764c24b..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/ios-apps/update-elements.md +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: "Update Elements for an iOS Project" -metadesc: "How to update an element via Testsigma’s Recorder for an iOS Project." -noindex: false -order: 4.537 -page_id: "Update Elements for an iOS Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "How to update an element via Testsigma’s Recorder" - url: "#how-to-update-an-element-via-testsigmas-recorder" ---- - ---- -When you update the structure of your iOS application, you will need to update the corresponding elements in your automated test project in Testsigma too. In this document, we will discuss how to do that using Test Recorder. - -  - ---- - -## **Pre-requisites:** -You should already know [how to capture elements using Test Recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/overview/). - -  - ---- - -##**How to update an element via Test Recorder:** -1. Create a Test Case using Test Recorder in your iOS Project. - -2. On the Test Recorder UI, hover over the step that has the element you want to edit. The elements appear in green on the Testsigma Mobile Test Recorder UI: - - -![Highlighted example elements in Testsigma Recorder for iOS](https://docs.testsigma.com/images/update-elements/highlighted-example-elements-ios-testsigma-mobile-inspector.png) - -3. Click on the ‘More Details’ button corresponding to the step that you want to edit. The button corresponding to the step is highlighted in the screenshot below: - -![more details button for a test step in an iOS Project in Testsigma while using the Recorder](https://docs.testsigma.com/images/update-elements/more-details-button-for-a-test-step-ios-testsigma-mobile-inspector.png) - -4. Click on ‘More details’ button: - -![test step details for an iOS test case on Testsigma Mobile Inspector UI](https://docs.testsigma.com/images/update-elements/test-step-details-testsigma-mobile-inspector-ios.png) - -5. Click on the edit button corresponding to the element on the Test Step Details: - -![edit element button on test step details section for Testsigma Recorder for iOS](https://docs.testsigma.com/images/update-elements/edit-element-button-test-step-details-testsigma-mobile-inspector-ios.png) - - -![edit element UI from test step details section on the Recorder UI for an iOS project in Testsigma](https://docs.testsigma.com/images/update-elements/edit-element-ui-from-test-step-details-mobile-inspector-ios-testsigma.png) - - -Here are the fields that appear on the ‘Edit Element’ window: - - **1. Name:** Text input field, you can edit the name of the Element here. - - **2. Screen Name:** This is an editable field, you can edit the screen name for the UI identifier here. - - **3. Element Type:** This is a drop-down field that has values: - -  a. Xpath - -  b. ID - -  c. Name - -  Class Name - -  sAccessibility ID - - You can select any of these options for an identifier type. - - **4. Enter Value:** Here, the value should correspond to the identifier type selected. This is also an editable field. - -6. Click on the ‘Update’ button to finalize the changes. - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/add-steps-before-after.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/add-steps-before-after.md deleted file mode 100644 index 9611b9c5..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/add-steps-before-after.md +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: "Add Steps Before & After a Test Step for a Web Project" -metadesc: "This article is a guide for a new user that describes how to add a step before and after an already added test step in a web project Testsigma." -noindex: false -order: 4.5192 -page_id: "Add Steps Before & After a Test Step for a Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Adding a step before and after a previously added test step in a web project" - url: "#adding-a-step-before-and-after-a-previously-added-test-step-in-a-web-project" ---- - ---- - -You can add steps before and after a test step for a web project. In this document, we will discuss how to do that via the Testsigma test step recorder. - -  - ---- -##**Pre-requisites:** -You should know how to [Record test steps via step Test recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - -  - ---- -##**Adding a step before and after a previously added test step in a web project** - - 1. Create a Test Case using Test recorder. Go to the created test steps on the Test recorder UI. - 2. Hover on one of the test steps: - -![Test step actions that appear on hover over a test step in Testsigma](https://docs.testsigma.com/images/add-steps-before-after/hover-over-test-steps-add-steps-testsigma-recorder.png) - - 3. You see two buttons labeled “+ Step” - one above the hovered test step and one below the hovered test step. - - -Click on the + Step’ above to record another step above the test step. Click on the + Step’ below to add another step below the test step. Learn more about [adding steps manually.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/add-steps-manually/) - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/add-steps-manually.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/add-steps-manually.md deleted file mode 100644 index 232b18f9..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/add-steps-manually.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: "Add Steps Manually to Recorded Test Steps for a Web Project" -metadesc: "How to add test steps manually to a test case for a web project, recorded using Testsigma’s test recorder" -noindex: false -order: 4.515 -page_id: "Add Steps Manually to Recorded Test Steps for a Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Steps to follow" - url: "#steps-to-follow" ---- - ---- - -You can manually add test steps to a test case that you recorded using the Test recorder. - -  - ---- -##**Pre-requisites:** - -You should already know how-to, or have: - - 1. [Test recorder.](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/) - 2. [Record test steps via the Test recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - -  - ---- -## **Steps to follow:** - - 1. Create a test case via the Testsigma test recorder. - 2. Hover on the test step after (or before) which you want to add more test steps. - -![add step manually after you record test steps in Test recorder](https://docs.testsigma.com/images/add-steps-manually/add-step-manually-recorded-test-steps-testsigma-recorder.png) - - 3. if you want to add a step prior to the highlighted step - click on the “+ Step” button above the test step. If you want to add a step after the highlighted step - click on the “+ Step” button below the test step. - 4. Add another test step: - -![added step in Test recorder](https://docs.testsigma.com/images/add-steps-manually/added-step-testsigma-recorder.png) - -Add the test step via Actions. Learn more about adding [Action test steps.](https://testsigma.com/docs/test-cases/step-types/natural-language/) - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/bulk-actions.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/bulk-actions.md deleted file mode 100644 index 04e16854..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/bulk-actions.md +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: "Test Recorder - Bulk Actions in a Web Project" -metadesc: "Bulk actions you can take on recorded test steps in Testsigma’s test recorder UI for a web project" -noindex: false -order: 4.5191 -page_id: "Test Recorder - Bulk Actions in a Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Bulk actions on recorded test steps in Testsigma’s test recorder UI" - url: "#bulk-actions-on-recorded-test-steps-in-testsigmas-test-recorder-ui" ---- - ---- - -When test steps are recorded via Test recorder, Testsigma gives you the option to select multiple test steps at a time and then perform bulk actions on your selection. In this document, we will discuss those actions and how to perform them. - -  - ---- -##**Pre-requisites:** - -You should already know how-to, or have: - -1. [Testsigma step Test recorder.](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/) -2. [Record test steps via the Test recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - -  - ---- -##**Bulk actions on recorded test steps in Testsigma’s test recorder UI:** - - 1. Create a Test Case using Test recorder with multiple test steps. - 2. To select a step, hover over the test step number. The number will change into a checkbox: - -![the UI change when a hover is done over a test step UI in Test recorder](https://docs.testsigma.com/images/bulk-actions/hover-over-test-step-ui-change-bulk-actions-testsigma-recorder.png) - - 3. Click the checkbox. - 4. Repeat 2. and 3. to select more test steps. Bulk actions option appears when you’ve selected at least two test steps. - -![bulk actions menu in test recorder](https://docs.testsigma.com/images/bulk-actions/bulk-actions-menu-testsigma-recorder.png) - - 5. Bulk actions available are: - * **Select all** - to select/deselect all test steps - * **Delete** - to delete the test steps - * **Update** - to update the test steps according to the options shown in the screenshot below: - -![bulk-update-ui-bulk-actions-testsigma-recorder](https://docs.testsigma.com/images/bulk-actions/bulk-update-ui-bulk-actions-testsigma-recorder.png) - -  - -The options are: - 1. **Max. wait time** - Maximum duration for which a test step will wait before it is considered failed. - 2. **Stop Test case execution on Test Step failure**- whether the test case execution should stop if the test step fails. - 3. **Is this Test Step Mandatory?** - Should the selected test steps be executed every time the test case is executed? - 4. **Disable Step** - disable the selected test steps for test execution. - - - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/create-a-new-element.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/create-a-new-element.md deleted file mode 100644 index 7391e4e1..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/create-a-new-element.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: "Capture an Element for a Web Project" -page_title: "Capture Page Elements for a Web Project" -metadesc: "How to capture page elements for a Web Project using Testsigma’s test recorder chrome extension" -noindex: false -order: 4.518 -page_id: "Capture an Element for a Web Project" -warning: false ---- - ---- - - -In Testsigma, you can create elements for a Web Project using the test recorder. There are 2 ways that this can be done: - - 1. [Recording multiple elements in one go.](https://testsigma.com/docs/elements/web-apps/record-multiple-elements/) - 2. [Recording a single element.](https://testsigma.com/docs/elements/web-apps/capture-single-element/) \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/overview.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/overview.md deleted file mode 100644 index cfffd5a0..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/overview.md +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: "Recording Test Steps: An Overview" -metadesc: "This article discusses how to use the recorder to record your test steps and generate automated tests for web apps | Record Test Steps with Recorder for Web Apps" -noindex: false -order: 4.511 -page_id: "Recording Test Steps: An Overview" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Prerequisites" - url: "#prerequisites" -- type: link - name: "Recording Test Steps Using Recorder" - url: "#recording-test-steps-using-recorder" ---- - ---- - - -Testsigma recorder allows you to record your interactions with the application as test steps. This article discusses recording test steps for Web applications using the recorder. - - ---- - -## **Prerequisites** - -- You should know how to [create test cases](https://testsigma.com/docs/test-cases/manage/add-edit-delete/). - -- You should know how to [create test steps using the recorder](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/overview/). - ---- - -## **Recording Test Steps Using Recorder** - - -1. Navigate to **Create Tests > Test Cases**, and click on **Create Test Case**. -![Test Cases](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/warnavctstcswa.png) - - -2. Create a test step using the URL that you want to automate and click on **Create Step**. -![Create Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/warcs.png) - - -3. Click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/warrecord.png) - - -4. A new window will open the given URL and you can record the test steps. -![New Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/warnwindow.png) - - -[[info | **NOTE**:]] -| Please wait a few seconds until the web page is fully loaded so the extension can collect information from the page in the background. - -5. Once the first web page is fully loaded, start interacting and performing actions on the page. - - -6. The actions will be recorded and added to the test case in the background. - - -7. Once the required actions are complete, click on **Done** to switch back to the test case details page. -![Done](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/warcodone.png) - -8. You can see the steps recorded in the test case details page. -![Test Steps](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/warrcst.png) - - -Here's a quick GIF demonstrating creating test steps using the recorder. - -![Record Test Steps for WebApps](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/RecordStepswappsWF.gif) \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/record-steps-in-middle.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/record-steps-in-middle.md deleted file mode 100644 index 4e5ae58f..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/record-steps-in-middle.md +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: "Record steps anywhere in a Test Case" -metadesc: "This article is a guide for a new user that describes how to add a step anywhere in test case in Testsigma." -noindex: false -order: 4.5193 -page_id: "Add steps in the middle of a Test Case" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Record test steps in between a test case" - url: "#record-test-steps-in-between-a-test-case" ---- - ---- -Testsigma Step Recorder chrome extension lets you record steps from anywhere in a Test Case. You can drag and document the steps in between Test Cases. This feature is available for **Web** and **Mobile Web applications**. - -## **Prerequisites** -This document will take you through creating test steps between test cases using the Testsigma Step Recorder. You should already know how-to or have: -1. [Testsigma step recorder chrome extension](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/) -2. [create a Test case](https://testsigma.com/docs/test-cases/manage/add-edit-delete/) - -Here is a quick GIF demonstrating how to Record Steps anywhere in a Test Case in Testsigma. -![GIF](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Steps2.gif) - -## **Record test steps in between a test case** -1. Navigate to **Test Development > Test case** and click on **Create Test Case**. -![Navigate to Test Case](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/navigate.png) - -2. Enter the **Name** and **URL** you want to test and click on **Record Steps**. -![Record Steps](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Clickonrecordsteps.png) - -3. A new window will open on your workstation. -![New Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/newwindow.png) - -4. Do the actions you need to automate, and the recorder will capture them in steps. - -5. If you want to add steps in between, you can **click, hold, and drag** the highlighted field to add the step wherever you want. -![Add Steps](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/clickandhold.png) - -6. After adding all steps, the test case is ready to run. - -[[info | **NOTE**:]] -|You can also switch back to last step, by directly clicking on plus icon. -|![Plus](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/plus.png) \ No newline at end of file diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/reorder.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/reorder.md deleted file mode 100644 index db308cb8..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/reorder.md +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: "Test Recorder - Reorder Test Steps in a Web Project" -metadesc: "This article is a guide for a new user that describes the step-by-step workflow to reorder recorded test steps in a Web Project via Testsigma’s test recorder UI. " -noindex: false -order: 4.519 -page_id: "Test Recorder - Reorder Test Steps in a Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Reordering recorded test steps in a Web Project" - url: "#reordering-recorded-test-steps-in-a-web-project" ---- - ---- - -You can reorder the test steps you record in a test case. Here’s how. - -  - ---- -##**Pre-requisites:** - - You should already know how-to, or have: - - 1. [Testsigma step Test recorder.](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/) - 2. [Record test steps via the Test recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - -  - ---- - -##**Reordering recorded test steps in a Web Project:** - - 1. Create a Test Case using Test recorder with multiple test steps. - 2. Hover on the settings button on the top right corner of the step Test recorder UI: - -![settings highlighted for reorder in Test recorder UI](https://docs.testsigma.com/images/reorder/settings-highlighted-reorder-recorder-testsigma.png) - -  - - - 3. From the menu that appears on hover, click ‘Reorder’. The test step UI in the test step recorder changes into something like this: - -![reorder UI on Test recorder UI](https://docs.testsigma.com/images/reorder/reorder-ui-testsigma-recorder-ui.png) - -Reorder the steps by dragging-and-dropping the test steps as you like. To finalize the changes, click ‘Reorder’. - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/reuse-elements.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/reuse-elements.md deleted file mode 100644 index 701e56ec..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/reuse-elements.md +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: "Reuse Elements in a Web Project" -metadesc: "How to reuse elements recorded via the Testsigma test recorder chrome extension for a web project." -noindex: false -order: 4.516 -page_id: "Reuse Elements in a Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Reusing elements recorded via the Testsigma test recorder chrome extension" - url: "#reusing-elements-recorded-via-the-testsigma-test-recorder-chrome-extension" ---- - ---- - -When you record elements via Test recorder chrome extension, they are saved as elements in the corresponding project in Testsigma. These elements are reusable. - -  - ---- -##**Pre-requisites:** - - You should already know how-to, or have: - - 1. [Testsigma step Test recorder.](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/) - 2. [record test steps via the Testsigma Test recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - 3. [add a test step via Testsigma’s step Test recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/add-steps-before-after/) - 4. [capture elements via Test recorder.](https://testsigma.com/docs/elements/web-apps/record-multiple-elements/) - -  - ---- -## **Reusing elements recorded via the Testsigma test recorder chrome extension:** - - 1. Create a new test case in the same Project. - 2. Start recording the test steps. - 3. Add a test step as follows: - - -![example of test steps that contain Element in Testsigma](https://docs.testsigma.com/images/reuse-elements/test-steps-that-contain-Element-testsigma.png) - -You can also record a test step that uses an Element. - -![example of recorded test steps that contain Elements in Testsigma](https://docs.testsigma.com/images/reuse-elements/recorded-test-steps-that-contain-Element-testsigma.png) - - 4. Hover on the test step that you want to edit and click on the corresponding edit button. - 5. Click on the green text that says ‘Element’. The ‘Elements’ page appears on the Test recorder UI. This will have all the Elements in the project: - -![Elements screen to reuse elements in Testsigma recorder](https://docs.testsigma.com/images/reuse-elements/Elements-screen-reuse-elements-testsigma-recorder.png) - - 6. Start typing the name of the Element that you want to use. The Elements can be filtered by name. You can also search the identifiers by name or by Screen name. - 7. From the filtered results, you can click on the Element that you want to use, and the Element text in your test step will be replaced by the chosen Element. - 8. Click on ‘Update’ button corresponding to the test step on the Test recorder UI to finalize the change. - - - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/step-actions.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/step-actions.md deleted file mode 100644 index 66d3d613..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/step-actions.md +++ /dev/null @@ -1,173 +0,0 @@ ---- -title: "Actions you can take on recorded Test Steps in a Web Project" -page_title: "Test Step Actions on the Test Recorder for a Web Project" -metadesc: "Actions you can take on recorded test steps in a Web Project -in Testsigma" -noindex: false -order: 4.512 -page_id: "Actions you can take on recorded Test Steps in a Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites:" - url: "#pre-requisites" -- type: link - name: "Performing actions on recorded test steps in a Web Project" - url: "#performing-actions-on-recorded-test-steps-in-a-web-project" -- type: link - name: "1. Add Step" - url: "#1-add-step" -- type: link - name: "2. Edit" - url: "#2-edit" -- type: link - name: "3. Delete" - url: "#3-delete" -- type: link - name: "4. Step details" - url: "#4-step-details" -- type: link - name: "5. Edit Element" - url: "#5-edit-element" ---- - ---- - -When test steps are created via the Test recorder, we can also: - - 1. Add Test Step - 2. Edit - 3. Delete - 4. Step Details - 5. Edit Elements - 6. Clone - -Here’s how to perform these actions on the test steps you’ve recorded. - -  - ---- -##**Pre-requisites:** - -You should already know how-to, or have: - - 1. [Testsigma's step Test recorder.](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/) - 2. [Create a test case via the Test recorder.](https://testsigma.com/docs/elements/web-apps/overview/) - -  - ---- -##**Performing actions on recorded test steps in a Web Project** - - 1. Create a Test Case using Test recorder. - 2. Hover on a recorded test step: - -![Test step actions that appears on hover over a test step in Test Recorder](https://docs.testsigma.com/images/step-actions/hover-over-test-steps-test-step-actions-testsigma-recorder.png) - -Click on the three dots at the far right end of the highlighted row. This will show you available actions: - -![additional test step actions that appear for a test step in Test Recorder](https://docs.testsigma.com/images/step-actions/available-additional-test-step-actions-testsigma-recorder.png) - -  - -These are the actions you can take on the test steps. Let’s discuss them one by one: - -  - ---- -##**1. Add Step** - - When you hover over a recorded test step, you see two buttons labeled “+ Step” as shown below. - -![add step buttons to add another test step in Test recorder](https://docs.testsigma.com/images/step-actions/add-step-button-test-steps-testsigma-recorder.png) - -Clicking + Step’ button lets you record another step before the current step. Clicking the ‘+ Step’ below lets you record another test step below the current step. You can also add steps manually. - -Learn more about [adding steps manually.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/add-steps-manually/) - - - -  - ---- -## **2. Edit** - -You can use this option to edit the test step. - -![edit test step test step action in Testsigma recorder -](https://docs.testsigma.com/images/step-actions/edit-test-step-test-action-testsigma-recorder.png) - -Alternatively, You can also edit the test steps inline, steps to be followed are: -1. Click on the test step that needs to be changed. -2. The required test step should become editable. -3. Do the changes inline. -4. Click outside the step. -5. The change should be saved. - - -  - ---- -## **3. Delete** - -You can use this option to delete the test step. - -![delete test step test action in Test recorder](https://docs.testsigma.com/images/step-actions/delete-test-step-test-action-testsigma-recorder.png) - -   - ---- -##**4. Step details** - - You can check details about a test step by clicking on the option ‘Step details’ corresponding to the test step. - -![step details test step action in Test recorder](https://docs.testsigma.com/images/web-apps/step-details-test-step-action-testsigma-recorder1.png) - -The test step details that are shown are as below: - -![test step details in Test recorder](https://docs.testsigma.com/images/web-apps/test-step-details-testsigma-recorder.png) - -  - ---- -##**5. Edit Element** - - You can edit a Element captured by Test recorder by clicking on ‘Edit Element’. - -![Edit Element for a test step in Test recorder](https://docs.testsigma.com/images/web-apps/edit-Element-test-step-testsigma-recorder.png) - -![Multiple options on the edit Element window for a test step in Test recorder](https://docs.testsigma.com/images/web-apps/edit-Element-multiple-options-testsigma-recorder.png) - -  - -Here are the fields you can edit: - - 1. **Name.** - 2. **Screen Name.** - 3. **Identifier Type**: This is a drop-down field that has values: - 1. Xpath - 2. CSS Selector - 3. ID - 4. Name - 5. Link Text - 6. Partial Link Text - 7. Class Name - 8. Tag Name - -You can select any of these options for identifier type. - - 4. **Enter Value**: Here, the value should correspond to the identifier type selected. - 5. **View details**: To see more details about the Element. - 6. **Clone**: You can use this option to create a copy of an existing test step at the end of all the already recorded steps. - -![clone test step test action in Test Recorder](https://docs.testsigma.com/images/web-apps/clone-test-step-test-action-testsigma-recorder.png) - - - - - - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/step-settings.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/step-settings.md deleted file mode 100644 index ac81da3a..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/step-settings.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: "Test Recorder - Test Step Details for Web Project" -metadesc: "How to get details of a test step recorded via Testsigma’s test recorder chrome extension" -noindex: false -order: 4.513 -page_id: "Test Recorder - Test Step Details for Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites:" - url: "#pre-requisites" -- type: link - name: "How to get details of a test step recorded via Testsigma’s test recorder chrome extension" - url: "#how-to-get-details-of-a-test-step-recorded-via-testsigmas-test-recorder-chrome-extension " ---- - ---- - -You can view details for each test step recorded through Testsigma’s test step recorder chrome extension. - -  - ---- -##**Pre-requisites:** - -This document will take you through the process of creating test steps using the Testsigma Step Recorder. You should already know how-to, or have: - - 1. [Testsigma's step Test recorder.](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/) - 2. [record test steps via the Test recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - -  - - ---- -##**How to get details of a test step recorded via Test recorder** - - 1. Create a Test Case using Test recorder - 2. Hover on one of the recorded test steps. - 3. Click on the three vertical dots at the far right end of the highlighted row: - -![additional test step actions that appear for a test step in Testsigma Recorder, to get test step details](https://docs.testsigma.com/images/step-settings/available-additional-actions-test-step-details-testsigma-recorder.png) - - 4. Click ‘Step details.’ The step details will appear as follows: - -![test step details in Testsigma recorder’s UI](https://docs.testsigma.com/images/step-settings/test-step-details-ui-testsigma-recorder.png) diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/test-data-options.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/test-data-options.md deleted file mode 100644 index 925c51a5..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/test-data-options.md +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: "Test Data in Steps for a Web Project" -metadesc: "How to add test data in recorded test steps for a web project in Testsigma" -noindex: false -order: 4.514 -page_id: "Test Data in Steps for a Web Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Adding test data in recorded test steps" - url: "#adding-test-data-in-recorded-test-steps" ---- - ---- - -When creating test steps using the test recorder in Testsigma, there are various types of test data that you can use. In this document, we will discuss how to add that test data during recording test steps for a web project in Testsigma. - -Learn more about [test data types.](https://testsigma.com/docs/test-data/types/overview/) - -  - ---- -##**Pre-requisites:** - -You should already know how-to, or have: - -1. [Test recorder.](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/) -2. [record test steps via the Test recorder.](https://testsigma.com/docs/test-cases/create-steps-recorder/web-apps/overview/) - -  - ---- -##**Adding test data in recorded test steps** - - 1. Start recording test steps using Test recorder. - 2. In the Test recorder UI, add a test step that will have a test data.The example steps that have test data are as below: - -![example steps that contain test data for recorder in Testsigma](https://docs.testsigma.com/images/web-apps/test-data-example-steps-for-recorder-testsigma.png) - - 3. The text in blue is a placeholder text for your test data. Remove it to see the types of test data you can add. - -![test data types that appear when adding test data in steps in recorder for Testsigma](https://docs.testsigma.com/images/web-apps/test-data-types-test-data-in-recorder-steps-testsigma.png) - - - 4. Select the type of test data you want to add and proceed. Learn more about [test data types](https://testsigma.com/docs/test-data/types/overview/). - - - diff --git a/src/pages/docs/test-cases/create-steps-recorder/web-apps/update-elements.md b/src/pages/docs/test-cases/create-steps-recorder/web-apps/update-elements.md deleted file mode 100644 index bcbdba32..00000000 --- a/src/pages/docs/test-cases/create-steps-recorder/web-apps/update-elements.md +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: "Update Elements in Web Applications Project" -metadesc: "How to update elements via Testsigma’s test recorder chrome extension." -noindex: false -order: 4.517 -page_id: "Update Elements in Web Applications Project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Pre-requisites" - url: "#pre-requisites" -- type: link - name: "Updating elements via Testsigma’s test recorder chrome extension" - url: "#updating-elements-via-testsigmas-test-recorder-chrome-extension" ---- - ---- - -Sometimes, when you update your website or application, you’ll also want to update the corresponding elements in your automated test project. In this document, we will discuss how to do that using the Test recorder. - -  - ---- -##**Pre-requisites:** - -You should already know how to [capture elements.](https://testsigma.com/docs/elements/web-apps/record-multiple-elements/) - -  - ---- -##**Updating elements via Test recorder** - - 1. Create a Test Case using the Test recorder. - 2. Click on the element/Elements that you want to edit. The Elements appear in green on the Test recorder UI. - -![Highlighted example Elements in Test recorder](https://docs.testsigma.com/images/update-elements/highlighted-example-Elements-testsigma-recorder.png) - - 3. Click ‘edit Elements’ from the three dots on the far right - -![Multiple options on the edit Elements screen window in Test recorder](https://docs.testsigma.com/images/update-elements/edit-Element-screen-multiple-options-testsigma-recorder.png) - -These are the fields that will appear: - - * **Name** - * **Screen Name** - * **Identifier Type**: This is a drop-down field that has values: - 1. Xpath - 2. CSS Selector - 3. ID - 4. Name - 5. Link Text - 6. Partial Link Text - 7. Class Name - 8. Tag Name - -You can select any of these options for identifier type. - * **Enter Value**: Here, the value should correspond to the identifier type selected. - * **View details**: Once you click on this, you will be able to see more details about the Elements. - -Click ‘Update’ button to finalize the changes. - ---- \ No newline at end of file diff --git a/src/pages/docs/visual-testing/configure-test-steps.md b/src/pages/docs/visual-testing/configure-test-steps.md index 351fe055..a82a0a33 100644 --- a/src/pages/docs/visual-testing/configure-test-steps.md +++ b/src/pages/docs/visual-testing/configure-test-steps.md @@ -64,7 +64,7 @@ In Testsigma, you can save time and reduce redundant efforts by selecting multip When you conduct visual testing using Testsigma, you should compare the **current image** (reference image) with the original image (baseline image) and ensure that the reference image matches the baseline image. You should update the baseline image whenever you apply changes to the UI using the following steps: -1. You have two options to enable visual testing in your test steps: [Enable Visual Testing in Test Step](https://docs.google.com/document/d/1ZpFYNTP3uRvEDJY6V5TfErNvP-H7eiWtnZROW7d9uhE/edit#heading=h.yuu6tamhzjqa) or [Bulk Action for Visual Testing Steps](https://docs.google.com/document/d/1ZpFYNTP3uRvEDJY6V5TfErNvP-H7eiWtnZROW7d9uhE/edit#heading=h.5iuymem4ob2s). **Run** the test case after enabling it in Test Step. +1. You have two options to enable visual testing in your test steps: [Enable Visual Testing in Test Step](https://testsigma.com/docs/visual-testing/configure-test-steps/#enable-visual-testing-in-test-steps) or [Bulk Action for Visual Testing Steps](https://testsigma.com/docs/visual-testing/configure-test-steps/#bulk-action-for-visual-testing-steps). **Run** the test case after enabling it in Test Step. 2. **Re-Run** the test case to enable visual testing and see any visual differences. ![Rerun Test Case](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/reruntestcase_visualtesting.png) 3. After executing a test case for visual testing, the **Test Case Result** page will display a **green camera** icon on steps with **no visual differences** between the reference and baseline images and a **red camera** icon where there are **visual differences**. 4. Click on the **camera** icon to open the **Visual Difference** overlay screen. Then, go to the top right of the page and **check** the box **Mark as base image** as **Current Image**. This action will update your base image to match your current reference image.