Merge pull request #435 from testsigmahq/dev

Updated Recorder doc & Added table NLPs doc

src/left-nav-title.json

@@ -677,5 +677,7 @@
   "test-results-at-all-levels": { "/docs/api/test-results-at-all-levels/": "Fetch Test Results (All Levels)" },
   "project-and-application": {"/docs/windows-automation/project-and-application/": "Windows (Adv) Project & Application"},
   "object-learning": {"/docs/windows-automation/object-learning": "Object Learning (Using UFT One)"},
-  "import-tsrx-files": { "/docs/windows-automation/import-tsrx-files/": "Importing/Updating TSRx Files" }
+  "import-tsrx-files": { "/docs/windows-automation/import-tsrx-files/": "Importing/Updating TSRx Files" },
+  "record-elements": {"/docs/elements/mobile-web-application/record-elements/": "Record Multiple Elements" },
+  "add-test-cases-for-mobile-web-app": {"/docs/test-cases/manage/add-test-cases-for-mobile-web-app/": "Test Cases (Mobile Web App)" }
 }

src/pages/docs/elements/android-apps/capture-single-element.md

@@ -1,5 +1,5 @@
 ---
-title: "Capture Single Element Using Recorder"
+title: "Record Single Element Using Recorder"
 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
@@ -12,11 +12,8 @@ contextual_links:
   name: "Prerequisites"
   url: "#prerequisites"
 - type: link
-  name: "Steps to Create an Element"
-  url: "#steps-to-create-an-element"
-- type: link
-  name: "Updating an Element"
-  url: "#updating-an-element"
+  name: "Steps to Record an Element"
+  url: "#steps-to-record-an-element"
 - type: link
   name: "Reusing Elements Recorded"
   url: "#reusing-elements-recorded"
@@ -31,46 +28,50 @@ In an Android project in Testsigma, you can selectively capture elements one at
 
 ---
 
-## **Prerequisites**
-- You should know how to create an android [project](https://testsigma.com/docs/projects/overview/) in Testsigma.
-
-- You should have [Testsigma chrome extension installed](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/). 
-
-- An Android app to test.
+> ## **Prerequisites**
+>
+> - You should know how to create a [project](https://testsigma.com/docs/projects/overview/) and [application](https://testsigma.com/docs/projects/applications/) in Testsigma.
+>
+> - You should have [Testsigma chrome extension installed](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/). 
+>
+> - An Android app to test.
 
 ---
 
-## **Steps to Create an Element**
+## **Steps to Record an Element**
 
-1. Navigate to **Create Tests > Elements**.
-![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/cseapnavele.png)
+1. From the left navigation bar, go to **Create Tests > Elements**.
+![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/reandnavelm.png)
 
 
 2. Click on **Record**.
-![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceurcorec.png)
+![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmcorec.png)
 
 
-3. On **Record elements** overlay, select **Test Lab**, **Test Machine**, **Upload App Source** and click on **Record**.
-![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceurstltmar.png)
+3. On **Record Elements** overlay, select **Test Lab**, **Test Machine**, **Upload App Source** and click on **Record**.
+![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmreovdtls.png)
 
 
 4. Wait for the app to load fully.
 
 
 5. Once the app is loaded, click on element you want to capture. 
-![Element to Capture](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraacoe.png)
 
 
-6. On the **Create Element** section, enter the **Name**, **Screen Name**, select the **Element Type**. 
-![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraaces.png)
+6. On the **Create Element** section, validate the **Name**, **Screen Name**, **Element Type**, and the **Value**. 
+![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmcelm.png)
 
 
 7. Click on **Create**.
-![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraacocrt.png)
+![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmcocelm.png)
 
+[[info | **NOTE**:]]
+| - To update an element, hover over the recorded element and click on the edit icon. Change the element details manually and click **Update** to finalize the changes.
+|   ![Update Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmufelmsrn.png)
+| - You can also update the element from the run results by navigating to **Ad-Hoc Runs > Test Step > Element > Edit Element**.
 
 8. The element will be saved in the elements list. 
-![Saved](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraaecrted.png)
+![Saved](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmlist.png)
 
 9. Stop the recorder to close the session.
 
@@ -79,38 +80,14 @@ In an Android project in Testsigma, you can selectively capture elements one at
 Alternatively, you can also create the element while creating test case by following the steps below. 
 
 1. Hover over the element on the test step and click on **Create Element** from the dropdown.
-![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraacrelwctc.png)
+![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/anelmcsttsc.png)
 
 2. On **Create Element** overlay, enter **Name**, **Screen Name**, select the **Element Type** and click on **Create Element**.
-![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraacrelem.png)
-
-
----
-
-
-## **Updating an Element**
+![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmcstcocelm.png)
 
-1. Hover over the element and click on **Edit**. 
-![Edit](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioseceditelm.png)
-
-2. On the **Update Element** section, update the **Name**, **Screen Name**, select the **Element Type**. 
-![Update Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioseceditelm.png) 
-
-3. Click on **Update**.
-![Click on Update](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioseceaupdate.png)
-
-### **Updating an Element While Creating Test Case**
-
-Alternatively, you can also update the element while creating test case by following the steps below. 
-
-1. Hover over the element on the test step and click on **Edit Element**.
-![Edit Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosecuewctc.png)
-
-2. On **Update Element** overlay, update the **Name**, **Screen Name**, select the **Element Type**.
-![Update](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosecuewctcdtls.png)
-
-3. Click on **Update Element**
-![Update Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosecupdewctc.png)
+[[info | **NOTE**:]]
+| - To update an element from test steps, hover over the element and click on the edit icon. Change the element details manually and click **Update** to finalize the changes.
+|   ![Update Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmuelm.png)
 
 ---
 
@@ -122,13 +99,13 @@ Alternatively, you can also update the element while creating test case by follo
 2. Start recording test steps for the test case.
 
 3. Hover over the element on the test step where you want to reuse the saved element and click on **Change Element**.
-![Change Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraachangeelem.png)
+![Change Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmruelm.png)
 
 4. On **Elements** overlay, select the element you want to reuse. 
-![Reuse](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraachangeelemn.png)
+![Reuse](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ruelmsfrmovrlay.png)
 
 5. Click on **Update Step** to finalize the change. 
-![Update Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraaustep.png)
+![Update Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmupts.png)
 
 [[info | **NOTE**:]]
 | You can also reuse the element by following the same steps while creating a test case manually.

src/pages/docs/elements/android-apps/record-multiple-elements.md

@@ -1,5 +1,5 @@
 ---
-title: "Capture Multiple Elements Using Recorder"
+title: "Record Multiple Elements Using Recorder"
 metadesc: "Elements path play an important role in Automation Testsing. Learn how to record multiple elements for an android application project in Testsigma."
 noindex: false
 order: 6.33
@@ -12,8 +12,8 @@ contextual_links:
   name: "Prerequisites"
   url: "#prerequisites"
 - type: link
-  name: "Steps to Create Multiple Elements"
-  url: "#steps-to-capture-multiple-elements"
+  name: "Steps to Record Multiple Elements"
+  url: "#steps-to-record-multiple-elements"
 ---
 
 ---
@@ -22,54 +22,55 @@ When automating test cases for an android application, you can capture multiple
 
 ---
 
-## **Prerequisites**
 
-- You should know how to create an android [project](https://testsigma.com/docs/projects/overview/) in Testsigma.
-
-- You should have [Testsigma chrome extension installed](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/). 
-
-- An Android app to test.
+> ## **Prerequisites**
+>
+> - You should know how to create a [project](https://testsigma.com/docs/projects/overview/) and [application](https://testsigma.com/docs/projects/applications/) in Testsigma.
+>
+> - You should have [Testsigma chrome extension installed](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/). 
+>
+> - An Android app to test.
 
 ---
 
-## **Steps to Capture Multiple Elements**
+## **Steps to Record Multiple Elements**
 
-1. Navigate to **Create Tests > Elements**.
-![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/cseapnavele.png)
+1. From the left navigation bar, go to **Create Tests > Elements**.
+![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/reandnavelm.png)
 
 
 2. Click on **Record**.
-![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceurcorec.png)
+![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmcorec.png)
 
 
-3. On **Record elements** overlay, select **Test Lab**, **Test Machine**, **Upload App Source** and click on **Record**.
-![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceurstltmar.png)
+3. On **Record Elements** overlay, select **Test Lab**, **Test Machine**, **Upload App Source** and click on **Record**.
+![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmreovdtls.png)
 
 
 4. Wait for the app to load fully.
 
 
 5. Once the app is loaded, click on element you want to capture. 
-![Element to Capture](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraacoe.png)
 
-6. On the **Create Element** section, enter the **Name**, **Screen Name**, select the **Element Type**. 
-![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraaces.png)
+
+6. On the **Create Element** section, validate the **Name**, **Screen Name**, **Element Type**, and the **Value**. 
+![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmcelm.png)
 
 
 7. Click on **Create**.
-![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraacocrt.png)
+![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmcocelm.png)
 
 
 8. The element will be saved in the elements list. 
-![Saved](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraaecrted.png)
+![Saved](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmlist.png)
 
 
-8. Repeat steps 5 to 7 for every element you want to capture.
+9. Repeat steps 5 to 7 for every element you want to capture.
 
-9.  Once you have captured the elements, click on **Stop Recording**.  
-![Stop Recording](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceurmesr.png)
+10.  Once you have captured the elements, click on **Stop Recording**.  
+![Stop Recording](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmall.png)
 
-10. You'll be redirected to the **Elements** page, where you can see all recorded elements. 
-![All Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraelem.png)
+11.  You'll be redirected to the **Elements** page, where you can see all recorded elements. 
+![All Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/andelmallelms.png)
 
 ---