From de2625d7bdd945df8c94084f680d571e96203d11 Mon Sep 17 00:00:00 2001 From: Bharath Krishna <118433150+bharathk08@users.noreply.github.com> Date: Thu, 20 Jun 2024 14:36:16 +0530 Subject: [PATCH 1/2] Bulk update of Recorder docs & Added NLPs for SF (#433) --- src/left-nav-title.json | 4 +- .../android-apps/capture-single-element.md | 87 +++++------- .../android-apps/record-multiple-elements.md | 51 +++---- .../desktop-windows/record-elements.md | 65 --------- .../ios-apps/capture-single-element.md | 101 +++++--------- .../ios-apps/record-multiple-elements.md | 56 ++++---- src/pages/docs/elements/locator-precedence.md | 24 ++-- .../mobile-web-application/record-elements.md | 56 ++++---- .../web-apps/capture-single-element.md | 128 ++++++------------ .../web-apps/record-multiple-elements.md | 60 ++++---- .../docs/salesforce-testing/connected-app.md | 6 +- .../salesforce-testing/create-sf-project.md | 9 +- .../docs/salesforce-testing/element-repos.md | 14 +- .../docs/salesforce-testing/error-handling.md | 10 +- .../metadata-connections.md | 9 +- .../docs/salesforce-testing/sf-test-cases.md | 18 +-- .../docs/salesforce-testing/special-nlps.md | 13 +- .../salesforce-testing/user-connections.md | 12 +- .../add-test-cases-for-desktop-windows.md | 40 ------ .../add-test-cases-for-mobile-web-app.md | 58 +++++--- .../docs/windows-automation/error-handling.md | 6 +- .../windows-automation/import-tsrx-files.md | 10 +- .../docs/windows-automation/introduction.md | 12 +- .../project-and-application.md | 10 +- .../docs/windows-automation/test-cases.md | 14 +- 25 files changed, 350 insertions(+), 523 deletions(-) delete mode 100644 src/pages/docs/elements/desktop-windows/record-elements.md delete mode 100644 src/pages/docs/test-cases/manage/add-test-cases-for-desktop-windows.md diff --git a/src/left-nav-title.json b/src/left-nav-title.json index 91fcfad8..01841ce5 100644 --- a/src/left-nav-title.json +++ b/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)" } } \ 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 b4cbf003..60696bc0 100644 --- a/src/pages/docs/elements/android-apps/capture-single-element.md +++ b/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. diff --git a/src/pages/docs/elements/android-apps/record-multiple-elements.md b/src/pages/docs/elements/android-apps/record-multiple-elements.md index f9903e0a..e1304e75 100644 --- a/src/pages/docs/elements/android-apps/record-multiple-elements.md +++ b/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) --- \ No newline at end of file diff --git a/src/pages/docs/elements/desktop-windows/record-elements.md b/src/pages/docs/elements/desktop-windows/record-elements.md deleted file mode 100644 index 1bf89de6..00000000 --- a/src/pages/docs/elements/desktop-windows/record-elements.md +++ /dev/null @@ -1,65 +0,0 @@ ---- -title: "Recording Elements for Desktop Windows" -metadesc: "Learn how to record one element at a time by using the Testsigma mobile inspector for a dekstop application project in Testsigma application." -noindex: false -order: 6.51 -page_id: "Create One Element at a Time (Using Mobile Inspector) for an desktop windows project" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Prerequisites" - url: "#prerequisites" -- type: link - name: "Steps to record an element" - url: "#steps-to-record-an-element" ---- - ---- - - - -To add a new UI element to your Desktop Windows project you can create it manually or record each element using Testsigma's test recorder. This article discusses on how to record a UI element of your desktop application. - ---- - -## **Prerequisites** - -- You should know how to create Desktop Windows [project](https://testsigma.com/docs/projects/overview/) in Testsigma. - -- You should have **.exe** file installed on your local machine.. - -- You should have [Testsigma local agent](https://testsigma.com/docs/agent/setup-on-windows-mac-linux/) installed . - ---- - -## **Steps to Record an Element** - -1. Navigate to **Create Tests > Elements**. -![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dwenav.png) - - -2. Click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dwecor.png) - - -3. On **Record elements** overlay, select **Test Lab**, **Test Machine** and provide **App path**. -![Overlay](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dweed.png) - - -4. Click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dweconr.png) - - -5. This will open element inspector. - - -6. Record the elements and stop the recorder to close the session. - - -7. The element will be saved in the elements list. -![Recorded Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dweseiel.png) - - ---- \ No newline at end of file diff --git a/src/pages/docs/elements/ios-apps/capture-single-element.md b/src/pages/docs/elements/ios-apps/capture-single-element.md index 6ed3643c..bef421b2 100644 --- a/src/pages/docs/elements/ios-apps/capture-single-element.md +++ b/src/pages/docs/elements/ios-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 selectively capture elements one at a time by using the Testsigma mobile inspector for an iOS project in Testsigma application." noindex: false order: 6.42 @@ -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" @@ -30,116 +27,88 @@ In an iOS project in Testsigma, you can selectively capture elements one at a ti --- -## **Prerequisites** - -- You should know how to create an iOS [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 iOS 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 iOS 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/iosecnav.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/ioselmnav.png) 2. Click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioseccor.png) +![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmcorec.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/iosecsdtls.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/ioselmolrec.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/ioseccoelm.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/ioseced.png) +6. On the **Create Element** section, validate the **Name**, **Screen Name**, **Element Type**, **Value** and the **Value**. +![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmlb.png) 7. Click on **Create**. -![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioseccocrte.png) +![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmcoc.png) 8. The element will be saved in the elements list. -![Saved](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosecsaved.png) +![Saved](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmielmlist.png) -9. Stop the recorder to close the session. +[[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/ioselmeditelm.png) +| - You can also update the element from the run results by navigating to **Ad-Hoc Runs > Test Step > Element > Edit Element**. + +9. Stop the recorder to close the session. ### **Creating an Element While Creating Test Case** 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/ioecitc.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/iosectccoce.png) - - ---- - - -## **Updating an Element** - -1. Hover over the element and click on **Edit**. -![Edit](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuredite.png) +![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmftss.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/ceuraaupd.png) - -3. Click on **Update**. -![Click on Update](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraauec.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/ceuraaecwctc.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/ceuraauewctcup.png) - -3. Click on **Update Element** -![Update Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ceuraauelement.png) +2. On **Create Element** overlay, enter **Name**, **Screen Name**, **Value** select the **Element Type** and click on **Create Element**. +![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmftsctn.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/iosedelm.png) --- ## **Reusing Elements Recorded** - 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. 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/iosecrece.png) - +![Change Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmce.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/iosecrese.png) - +![Reuse](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmcemsse.png) 5. Click on **Update Step** to finalize the change. -![Update Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosecusre.png) - +![Update Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmseus.png) [[info | **NOTE**:]] | You can also reuse the element by following the same steps while creating a test case manually. - --- \ No newline at end of file diff --git a/src/pages/docs/elements/ios-apps/record-multiple-elements.md b/src/pages/docs/elements/ios-apps/record-multiple-elements.md index 76dc0309..da39b3a2 100644 --- a/src/pages/docs/elements/ios-apps/record-multiple-elements.md +++ b/src/pages/docs/elements/ios-apps/record-multiple-elements.md @@ -1,5 +1,5 @@ --- -title: "Record Multiple Elements for an iOS Application" +title: "Record Multiple Elements Using Recorder" metadesc: "Elements play an important role in Automation Testsing. Learn how to record multiple elements for a iOS project in Testsigma Appication." noindex: false order: 6.43 @@ -12,8 +12,8 @@ contextual_links: name: "Prerequisites" url: "#prerequisites" - type: link - name: "Steps to Create Multiple Elements" - url: "#steps-to-create-multiple-elements" + name: "Steps to Record Multiple Elements" + url: "#steps-to-record-multiple-elements" --- @@ -21,55 +21,59 @@ contextual_links: When automating test cases for an iOS application, you may sometimes want to capture multiple elements from the application in one go. Let’s see how to do that in Testsigma. -
- --- -## **Prerequisites** - -- You should know how to create an iOS [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 iOS 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 iOS app to test. --- -## **Steps to Create an Element** +## **Steps to Record Multiple Elements** + -1. Navigate to **Create Tests > Elements**. -![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosecnav.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/ioselmnav.png) 2. Click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioseccor.png) +![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmcorec.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/iosecsdtls.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/ioselmolrec.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/ioseccoelm.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/ioseced.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/ioselmlb.png) 7. Click on **Create**. -![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioseccocrte.png) +![Create](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmcoc.png) 8. The element will be saved in the elements list. -![Saved](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/iosecsaved.png) +![Saved](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ioselmielmlist.png) + + +9. Repeat steps 5 to 7 for every element you want to capture. + + +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/ioselmstoprec.png) -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/iosecsrec.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/ioselempage.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/ioselmredirect.png) --- \ No newline at end of file diff --git a/src/pages/docs/elements/locator-precedence.md b/src/pages/docs/elements/locator-precedence.md index 554570e4..f05c31e3 100644 --- a/src/pages/docs/elements/locator-precedence.md +++ b/src/pages/docs/elements/locator-precedence.md @@ -24,36 +24,36 @@ While creating tests for web applications, identifying locators accurately for U --- -## **Prerequisites** - -- You should know how to create a [project](https://testsigma.com/docs/projects/overview/) in Testsigma. - -- A Web 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. +> +> - A Web app to test. --- ## **Configuring Locator Precedence** -1. Navigate to **Create Tests > Elements** and click **Record**. +1. From the left navigation bar, go to **Create Tests > Elements** and click **Record**. ![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lprerec.png) 2. This will open a new window with the test recorder and will be ready to start recording. Here, we entered the URL for Simply Travel Web. -![Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lprnwwrd.png) +![Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lpstws.png) -3. Click on **Locator precedence**. -![Locator Precedence](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lpredolp.png) +3. On the test recorder, click on **Locator precedence**. +![Locator Precedence](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lpbotsrec.png) 4. This will open the **Locator precedence** overlay on **Recorder**. -![Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lpredlg.png) +![Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lplpovrly.png) 5. Use the **Drag Handle** to configure the priority of locators. -![Drag Handle](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lopredrghndl.png) +![Drag Handle](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lopredlpdrghndlrghndl.png) [[info | **NOTE**:]] | The **Locator precedence** configured for an application from a specific user accessible only to the same user & configured application. 6. Click on **Save** to save the configuration. -![Save](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lpresave.png) +![Save](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/lpsve.png) [[info | **NOTE**:]] | Testsigma will revert to the default **Locator precedence** if you don't save the configuration. diff --git a/src/pages/docs/elements/mobile-web-application/record-elements.md b/src/pages/docs/elements/mobile-web-application/record-elements.md index 82750ac1..814eab69 100644 --- a/src/pages/docs/elements/mobile-web-application/record-elements.md +++ b/src/pages/docs/elements/mobile-web-application/record-elements.md @@ -1,6 +1,6 @@ --- -title: "Capture Elements Using Recorder" -metadesc: "Element path plays an important role in Automation Testsing. Learn how to record elements for a Mobile Web Application project in Testsigma." +title: "Record Multiple Elements Using Recorder" +metadesc: "Element path or locators plays an important role in Automation Testsing. Learn how to record elements for a mobile web application in Testsigma" noindex: false order: 6.61 page_id: "Record Elements for a Mobile Web Application" @@ -18,44 +18,50 @@ contextual_links: --- -The path of an element plays a crucial role in test automation. It specifies locating a UI element within a web page or application, such as a button, textbox, or link. This article will discuss how to capture elements with a Chrome recorder extension. +Quickly capture elements for mobile web applications! 📱 ---- - -## **Prerequisites** - -- You should know how to create an android [project](https://testsigma.com/docs/projects/overview/) in Testsigma. +Using the **Testsigma Recorder**, you can swiftly capture elements in mobile web applications using Chrome Developer Tools 🛠️. This article discusses how to capture elements for mobile web applications. -- You should have [Testsigma chrome extension installed](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/). - -- A mobile web app to test. --- -## **Steps to Capture Elements** -1. Navigate to **Create Tests > Elements**. -![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaecnavel.png) +> ## **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/). +> +> - A mobile web app to test. + +--- -2. Click on **Record**. -![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaecrcor.png) +## **Steps to Record Elements for Mobile Web Apps** +1. From the left navigation bar, go to **Create Tests > Elements**, and click **Record**. +![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmnav.png) -3. This will open a new tab. Enter the URL from which you want to capture the single element. The Testsigma test recorder will appear and will be ready to start recording. -![New Tab](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaecntab.png) +2. This will open a new window. Enter the URL from which you want to capture the elements. The **Testsigma Recorder** will appear and be ready to start recording. In this case, we are recording elements for the 1mg website. +![New Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmcdt.png) -4. Hover over the element you want to capture and make sure that it is highlighted in green. -![Highlight](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaechingren.png) +3. Press **F12** to open **Chrome Developer Tools**. +![Dev Tools](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmcdo.png) -5. Click on the hovered element and wait for the element to appear in the recorder. -![Click on Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaeclb.png) +4. Click on **>>** and select **Testsigma Recorder** from the dropdown menu. +![Testsigma Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmstsrec.png) +5. This will open **Testsigma Recorder** on the **Developer Tools** screen. +![Recorder on Dev Tools](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmtsrecodt.png) -6. Click on **Done**, you will be redirected to the **Elements** page. -![Done](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaecdone.png) +[[info | **NOTE**:]] +| Select the dimension from pre-defined devices on which you want to record the elements. If the device required for your testing is not listed, you can add a custom device by selecting **Edit** from the **Dimensions** dropdown menu and clicking **Add custom device**. +| +| ![Add Custom Device](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwatccd.png) +| Some devices might have unique characteristics that will affect element display and interaction, and adding a custom device required for your testing is necessary to identify and resolve these issues. -7. The element will be saved in the elements list. +6. Once you have selected the dimension, capture elements by clicking on them directly. +![Record Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmrelms.png) --- \ No newline at end of file diff --git a/src/pages/docs/elements/web-apps/capture-single-element.md b/src/pages/docs/elements/web-apps/capture-single-element.md index 39482ad2..4f610e74 100644 --- a/src/pages/docs/elements/web-apps/capture-single-element.md +++ b/src/pages/docs/elements/web-apps/capture-single-element.md @@ -1,8 +1,8 @@ --- -title: "Capture Single Element for a Web Project" +title: "Record Single Element Using Recorder" metadesc: "Elements play an important role in Automation Testsing. Learn how to capture single element for a Web Application project in Testsigma" noindex: false -order: 6.23 +order: 6.22 page_id: "Capture Single Element for a Web Project" warning: false contextual_links: @@ -17,12 +17,6 @@ contextual_links: - type: link name: "Creating an Element While Creating Test Case" url: "#creating-an-element-while-creating-test-case" -- type: link - name: "Steps to Create an Element From the Test Case Result Page" - url: "#steps-to-create-an-element-from-the-test-case-result-page" -- type: link - name: "Updating Elements Using Recorder" - url: "#updating-elements-using-recorder" - type: link name: "Reusing Elements Recorded" url: "#reusing-elements-recorded" @@ -30,105 +24,67 @@ contextual_links: --- -In a Web project in Testsigma, you can selectively capture elements one at a time using the Testsigma recorder. This article discusses how to capture single element using recorder. +You can also selectively capture single element of a web application using Testsigma recorder. This article discusses how to capture a single element using the Testsigma test recorder. --- -## **Prerequisites** - -- You should know how to create a web [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/). +> ## **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/). +> +> - A Web app to test. -- A Web app to test. --- ## **Steps to Capture an Element** -1. Navigate to **Create Tests > Elements**. -![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielelements.png) - -2. Click on **Record**. -![Record Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waeccorec.png) - -3. This will open a new tab. Enter the URL from which you want to capture the single element. The Testsigma test recorder will appear and will be ready to start recording. Here, we opened a new tab and entered the URL for Simply Travel. -![New Tab](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielstweb.png) - -4. Hover over the element you want to capture and make sure that it is highlighted in green (here we are capturing the username field): -![Element to Capture](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielungreen.png) - -5. Click on the hovered element and wait for the element to appear in the recorder. -![Element in Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielwfrta.png) - -6. Click on **Capture**, you will be redirected to the **Elements** page. -![Capture](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielcocapture.png) - -7. Check all the options and click on **Create Element**. -![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielcsdcoc.png) - -Here’s a quick GIF demonstrating how to create an element from the **Elements** page. -![Element from Elements page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/CreateSingleElemWF.gif) - ---- - -## **Creating an Element While Creating Test Case** - -1. Navigate to **Create Tests > Test Cases**, create a new test case or select an existing test case. -![Test Cases](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sieltcsstc.png) - - -2. Click on **Create Element**. -![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielcocelemftc.png) - -3. Follow the steps 3-8, mentioned in **steps to create an element from the elements page** to create an element. +1. From the left navigation bar, go to **Create Tests > Elements**. +![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmenavelem.png) +2. Click on **Record** on the top right corner. +![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmecorec.png) +3. This will open a new tab. Enter the URL from which you want to capture the elements. The Testsigma test recorder will appear and will be ready to start recording. Here, we entered the URL for Simply Travel Web. +![New Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmenwrec.png) ---- - -## **Steps to Create an Element From the Test Case Result Page** - -1. Navigate to **Run Results** and click on the run result you want to edit. -![Run Result](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielrr.png) - - -2. On the **Run Results Details** page, click on the test case result in which you want to edit the element. -![Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielstcr.png) +4. Hover over the element you want to capture and make sure that it is highlighted in green (for example, here we are capturing the **Login or Signup** field): +![Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmeloselm.png) +5. Click on the hovered element and wait for the element to appear in the recorder. +![Element in Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmecoelm.png) -3. Click the test step in which you want to edit the element and hover over the test step details on the right side of the page and click on edit. -![Edit Icon](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielclickineicon.png) - - -4. You’ll get an **Update Element** overlay. +[[info | **NOTE**:]] +| - To update an element, hover over the recorded element and select 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/cseuelm.png) +| - You can also update the element from the run results by navigating to **Ad-Hoc Runs > Test Step > Element > Edit Element**. +6. Once you have captured the necessary element, click on **Stop**. +![Stop](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rsecosp.png) -5. Click on **Record Element** to capture a new element. *Refer to steps 3-8 from creating an element from the elements section for detailed information*. -![Update Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielements.png) +7. You'll be redirected to the **Elements** page, where you can see all recorded elements. +Here’s a quick GIF demonstrating how to record multiple elements for a web application. +![Record Multiple Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/RecordMultipleElements.gif) --- -## **Updating Elements Using Recorder** - - -1. Navigate to **Create Tests > Elements** and create a test case using the recorder. -![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaecnavel.png) - - -2. Hover over the element you want to update and click on **Edit Element**. -![Edit](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waecee.png) +## **Creating an Element While Creating Test Case** +1. From the left navigation bar, go to **Create Tests > Test Cases**, create a new test case or select an existing test case. +![Test Cases](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/csenavtcs.png) -3. On the **Update Element** overlay, you can update the **Element Name**, **Screen Name**, select the **Element Type & Location**. -![Update Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waecueol.png) +2. Click on element in any test step and choose **Create Element** from the dropdown. This will open the **Create Element** overlay. +![Create Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/csecocefdd.png) +3. Click on **Record Element** and follow the steps 3-8, mentioned in steps to create an element from the elements page to create an element. +![Record Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rsecorfueol.png) -4. Click on **Update** to finalize the changes. -![Update](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waecueur.png) --- @@ -137,19 +93,13 @@ Here’s a quick GIF demonstrating how to create an element from the **Elements* 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. 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/waecchangeelm.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/waecselm.png) - +![Change Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ruelmcelm.png) -5. The element will be automatically updated. +4. On **Elements** overlay, select the element you want to reuse. +![Select Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ruelmse.png) [[info | **NOTE**:]] | You can also reuse the element by following the same steps while creating a test case manually. diff --git a/src/pages/docs/elements/web-apps/record-multiple-elements.md b/src/pages/docs/elements/web-apps/record-multiple-elements.md index 960429bf..5b621d68 100644 --- a/src/pages/docs/elements/web-apps/record-multiple-elements.md +++ b/src/pages/docs/elements/web-apps/record-multiple-elements.md @@ -1,7 +1,7 @@ --- -title: "Capture Multiple Elements for a Web Project" +title: "Record Multiple Elements Using Recorder" metadesc: "Elements play an important role in Test Automation. Learn how to create elements using Testsigma's test recorder extension for a Web Application." -order: 6.22 +order: 6.23 page_id: "Record Multiple Elements Using Chrome Extension for a web application" warning: false contextual_links: @@ -17,19 +17,20 @@ contextual_links: --- -Sometimes, during test creation, we need to capture the details of multiple elements. This article discusses how to capture multiple elements using recorder. +There is no need to manually learn locators of web application elements because Testsigma allows you to record multiple elements in one go. +Once you have the elements, using NLPs, you can swiftly create automated tests for web applications. This article discusses how to capture multiple elements using the Testsigma test recorder. --- -## **Prerequisites** - -- You should know how to create a web [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/). - -- A Web 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/). +> +> - A Web app to test. --- @@ -37,37 +38,38 @@ Sometimes, during test creation, we need to capture the details of multiple elem ## **Steps to Create Multiple Elements** +1. From the left navigation bar, go to **Create Tests > Elements**. +![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmenavelem.png) -1. Navigate to **Create Tests > Elements**. -![Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sielelements.png) - - -2. Click on **Record**. -![Create Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waeccorec.png) - +2. Click on **Record** on the top right corner. +![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmecorec.png) 3. This will open a new tab. Enter the URL from which you want to capture the elements. The Testsigma test recorder will appear and will be ready to start recording. Here, we entered the URL for Simply Travel Web. -![Simply Travel URL](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waecmerec.png) +![New Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmenwrec.png) +4. Hover over the element you want to capture and make sure that it is highlighted in green (for example, here we are capturing the **Login or Signup** field): +![Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmeloselm.png) -4. Hover over the element you want to capture and make sure that it is highlighted in green (here we are capturing the login/signup field): -![Element Highlight](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waechgr.png) +5. Click on the hovered element and wait for the element to appear in the recorder. +![Element in Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmecoelm.png) +6. Repeat steps 4 and 5 for every element you want to capture. -5. Click on the hovered element and wait for the element to appear in the recorder. -![Click](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waecwfetrec.png) +7. Once you have captured the elements, click on **Stop**. +![Stop](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/rmesrec.png) +8. You'll be redirected to the **Elements** page, where you can see all recorded elements. -6. Repeat steps 4 and 5 for every element you want to capture. +[[info | **NOTE**:]] +| The Testsigma gear icon blinks while you are recording elements. When you pause the recording, the gear icon stops blinking. +| Here’s a quick GIF demonstrating how this option works. +| ![Blink](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/RecorderBlink.gif) -7. Once you have captured the elements, click on **Done**. -![Done](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waeccodone.png) +Here’s a quick GIF demonstrating how to record multiple elements for a web application. +![Record Multiple Element](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/RecordMultipleElements.gif) -8. You'll be redirected to the **Elements** page, where you can see all recorded elements. -![Elements Page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/waecallelm.png) - ---- +--- \ No newline at end of file diff --git a/src/pages/docs/salesforce-testing/connected-app.md b/src/pages/docs/salesforce-testing/connected-app.md index 743db1df..262cd822 100644 --- a/src/pages/docs/salesforce-testing/connected-app.md +++ b/src/pages/docs/salesforce-testing/connected-app.md @@ -26,9 +26,9 @@ Creating a connected app is important to link external applications and the Sale --- -## **Prerequisites** - -- Salesforce organization with the test setup. +> ## **Prerequisites** +> +> - Salesforce organization with the test setup. --- diff --git a/src/pages/docs/salesforce-testing/create-sf-project.md b/src/pages/docs/salesforce-testing/create-sf-project.md index 7a18127a..50e79698 100644 --- a/src/pages/docs/salesforce-testing/create-sf-project.md +++ b/src/pages/docs/salesforce-testing/create-sf-project.md @@ -25,10 +25,11 @@ In Testsigma, users can create and manage multiple projects and applications. Cr --- -## **Prerequisites** - -- Salesforce organization with the test setup. -- Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). +> ## **Prerequisites** +> +> - Salesforce organization with the test setup. +> +> - Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). --- diff --git a/src/pages/docs/salesforce-testing/element-repos.md b/src/pages/docs/salesforce-testing/element-repos.md index 907bb31e..0f9b1298 100644 --- a/src/pages/docs/salesforce-testing/element-repos.md +++ b/src/pages/docs/salesforce-testing/element-repos.md @@ -23,13 +23,13 @@ In Testsigma, elements from Salesforce are automatically learned after successfu --- -## **Naming Conventions** - -1. **Field Names:** This will be in the **ObjectName_FieldName** format. - - **Example:** If the element name is **Account_CreatedDate**, **Account** is the object, and the created date **Field** is **CreatedDate**. - -2. **Screen Names:** Generally, the name displayed on the UI screen is the object name. - - **Example:** A screen displaying account details should be named **Account**. +> ## **Naming Conventions** +> +> 1. **Field Names:** This will be in the **ObjectName_FieldName** format. +> - **Example:** If the element name is **Account_CreatedDate**, **Account** is the object, and the created date **Field** is **CreatedDate**. +> +> 2. **Screen Names:** Generally, the name displayed on the UI screen is the object name. +> - **Example:** A screen displaying account details should be named **Account**. [[info | **NOTE**:]] | Element names should be unique to avoid conflicts. diff --git a/src/pages/docs/salesforce-testing/error-handling.md b/src/pages/docs/salesforce-testing/error-handling.md index 1388eb54..e0ad03ac 100644 --- a/src/pages/docs/salesforce-testing/error-handling.md +++ b/src/pages/docs/salesforce-testing/error-handling.md @@ -27,11 +27,11 @@ On metadata refresh, Testsigma identifies potential causes of test case failures --- -## **Prerequisites** - -- A Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/connected-app/). - -- You should know how to [refresh metadata](https://testsigma.com/docs/salesforce-testing/metadata-connections/#steps-to-refresh-metadata-connection). +> ## **Prerequisites** +> +> - A Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/connected-app/). +> +> - You should know how to [refresh metadata](https://testsigma.com/docs/salesforce-testing/metadata-connections/#steps-to-refresh-metadata-connection). --- diff --git a/src/pages/docs/salesforce-testing/metadata-connections.md b/src/pages/docs/salesforce-testing/metadata-connections.md index a9f62cce..cbea6d41 100644 --- a/src/pages/docs/salesforce-testing/metadata-connections.md +++ b/src/pages/docs/salesforce-testing/metadata-connections.md @@ -32,10 +32,11 @@ In Testsigma, you can create a Salesforce application and establish a Metadata c --- -## **Prerequisites** - -- Salesforce organization with the test setup. -- Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). +> ## **Prerequisites** +> +> - Salesforce organization with the test setup. +> +> - Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). --- diff --git a/src/pages/docs/salesforce-testing/sf-test-cases.md b/src/pages/docs/salesforce-testing/sf-test-cases.md index 6a52befc..de140477 100644 --- a/src/pages/docs/salesforce-testing/sf-test-cases.md +++ b/src/pages/docs/salesforce-testing/sf-test-cases.md @@ -27,15 +27,15 @@ With Testsigma, creating test cases for Salesforce is easy as we can leverage Me --- -## **Prerequisites** - -- Salesforce organization with the test setup. - -- Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). - -- Salesforce metadata connected to Testsigma. For more information, refer to [creating metadata connections](https://testsigma.com/docs/salesforce-testing/metadata-connections/). - -- [Testsigma Chrome Extension](https://chromewebstore.google.com/detail/testsigma-recorder/epmomlhdjfgdobefcpocockpjihaabdp) +> ## **Prerequisites** +> +> - Salesforce organization with the test setup. +> +> - Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). +> +> - Salesforce metadata connected to Testsigma. For more information, refer to [creating metadata connections](https://testsigma.com/docs/salesforce-testing/metadata-connections/). +> +> - [Testsigma Chrome Extension](https://chromewebstore.google.com/detail/testsigma-recorder/epmomlhdjfgdobefcpocockpjihaabdp) --- diff --git a/src/pages/docs/salesforce-testing/special-nlps.md b/src/pages/docs/salesforce-testing/special-nlps.md index d119e39b..ad5d78a2 100644 --- a/src/pages/docs/salesforce-testing/special-nlps.md +++ b/src/pages/docs/salesforce-testing/special-nlps.md @@ -24,11 +24,11 @@ With Testsigma's special NLPs, you can scale and enhance Salesforce Testing. The --- -## **Prerequisites** - -- Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). - -- Salesforce metadata connected to Testsigma. For more information, refer to [creating metadata connections](https://testsigma.com/docs/salesforce-testing/metadata-connections/). +> ## **Prerequisites** +> +> - Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). +> +> - Salesforce metadata connected to Testsigma. For more information, refer to [creating metadata connections](https://testsigma.com/docs/salesforce-testing/metadata-connections/). --- @@ -52,6 +52,7 @@ With Testsigma's special NLPs, you can scale and enhance Salesforce Testing. The | Search **test data** on **element** lookup | This NLP searches for the specified test data within the element lookup. This NLP can also be recorded.

**User Inputs in NLP:**
1. Test Data
2. Element | | Select option **test data** from **element** picklist | This NLP selects the specified option from the picklist element using test data. This NLP can also be recorded.

**User Inputs in NLP:**
1. Test Data
2. Element | | Clear and enter **test data** in the **element** field | This NLP will clear any existing data in the element field and then enter the test data into that field.

**User Inputs in NLP:**
1. Test Data
2. Element | - +| Edit record with **RECORD_ID** using **User Connection** in **Salesforce Object** | This NLP updates a record using RECORD\_ID for a specific Salesforce object using the update record API.

**User Inputs in NLP:**
1. RECORD_ID
2. User Connection
3. Salesforce Object | +| Delete record with **RECORD_ID** using **User Connection** in **Salesforce Object** | This NLP deletes a record using RECORD\_ID for a specific Salesforce object using the delete record API.

**User Inputs in NLP:**
1. RECORD_ID
2. User Connection
3. Salesforce Object | --- \ No newline at end of file diff --git a/src/pages/docs/salesforce-testing/user-connections.md b/src/pages/docs/salesforce-testing/user-connections.md index 4b448db0..8bd4b8de 100644 --- a/src/pages/docs/salesforce-testing/user-connections.md +++ b/src/pages/docs/salesforce-testing/user-connections.md @@ -29,11 +29,13 @@ Once you've set up the Salesforce Metadata connection, you can add user connecti --- -## **Prerequisites** - -- Salesforce organization with the test setup. -- Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). -- Salesforce metadata connected to Testsigma. For more information, refer to [creating metadata connections](https://testsigma.com/docs/salesforce-testing/metadata-connections/). +> ## **Prerequisites** +> +> - Salesforce organization with the test setup. +> +> - Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). +> +> - Salesforce metadata connected to Testsigma. For more information, refer to [creating metadata connections](https://testsigma.com/docs/salesforce-testing/metadata-connections/). --- diff --git a/src/pages/docs/test-cases/manage/add-test-cases-for-desktop-windows.md b/src/pages/docs/test-cases/manage/add-test-cases-for-desktop-windows.md deleted file mode 100644 index 9956362e..00000000 --- a/src/pages/docs/test-cases/manage/add-test-cases-for-desktop-windows.md +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: "Test cases for Desktop Windows" -metadesc: "This document explains how to create Test Cases for Desktop Windows in detail | Learn how to write test cases for Desktop windows in Testsigma" -noindex: false -order: 4.17 -page_id: "How to create Test cases for Desktop Windows?" -warning: false -contextual_links: -- type: section - name: "Contents" -- type: link - name: "Prerequisites" - url: "#prerequisites" -- type: link - name: "Steps to create Test cases for Desktop Windows" - url: "#steps-to-create-test-cases-for-desktop-windows" ---- - -
- -In Testsigma, you can easily create Test Cases for Desktop Windows. This article discusses how to create Test Cases for Desktop Windows. - -## **Prerequisites** -1. You need to have a project with Desktop Windows. For more information on how to create a project, refer to [manage projects](https://testsigma.com/docs/projects/overview/). -2. You need to have an active Testsigma Agent. For more information refer to [Testsigma Agent](https://testsigma.com/docs/agent/overview/). - -Here is a quick GIF that demonstrates how to create test cases for Desktop Windows. -![GIF with Steps](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dtwindows.gif) - -## **Steps to create Test cases for Desktop Windows** -1. Open your Desktop Windows project. -2. Navigate to **Test Development > Test Cases**. -3. Click on **Create Test Case**. -![Test Case](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/CreateTestCase.png) -4. On **Create Test Case** page, enter **Name** and click on **Write Test Manually**. -![TC Page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/name.png) -5. On the **Test Case details** page, add Test Steps and click on **Run**. -![Run](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/run.png) -6. On the **Ad-hoc Run** overlay, select **Test Machine, Environment, App Path,** and click on **Run Now**. - \ No newline at end of file diff --git a/src/pages/docs/test-cases/manage/add-test-cases-for-mobile-web-app.md b/src/pages/docs/test-cases/manage/add-test-cases-for-mobile-web-app.md index c1c3cd84..30dfe398 100644 --- a/src/pages/docs/test-cases/manage/add-test-cases-for-mobile-web-app.md +++ b/src/pages/docs/test-cases/manage/add-test-cases-for-mobile-web-app.md @@ -1,5 +1,5 @@ --- -title: "Test cases for Mobile Web Application" +title: "Test Cases for Mobile Web Application" metadesc: "This document explains how to create Test Cases for Mobile Web Application in detail | Learn how to write test cases for Mobile Web Application in Testsigma" noindex: false order: 4.18 @@ -12,42 +12,56 @@ contextual_links: name: "Prerequisites" url: "#prerequisites" - type: link - name: "Steps to create Test cases for Mobile Web Application" - url: "#steps-to-create-test-cases-for-mobile-web-application" + name: "Steps to Create Test Cases for Mobile Web Apps" + url: "#steps-to-create-test-cases-for-mobile-web-apps" --- -
- -In Testsigma, you can easily create Test Cases for Mobile Web Application. This article discusses how to create Test Cases for Mobile Web Application. - +--- -## **Prerequisites** -- You need to have a project with Mobile Web Application. For more information on how to create a project, refer to [manage projects](https://testsigma.com/docs/projects/overview/). +Quickly create test cases for mobile web applications! 📱 +Using the Testsigma test recorder, you can easily create test cases for mobile web applications using Chrome Developer Tools 🛠️. This article discusses how to create test cases for mobile web applications. -Here is a quick GIF that demonstrates how to create test cases for mobile web applications. -![GIF with Steps](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/testcasessteps.gif) +--- +> ## **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/). +> +> - A mobile web app to test. -
+--- -## **Steps to Create Test Cases for Mobile Web Application** +## **Steps to Create Test Cases for Mobile Web Apps** -1. Open your **Mobile Web Application** Project. +1. From the left navigation bar, go to **Create Tests > Test Cases**, and click **Create Test Case**. +![Test Cases](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwatcnav.png) -2. Navigate to **Test Development > Test Cases**. +2. On the **Test Case Details** page, click on **Record** on the top right corner. +![Test Case Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwatcrc.png) -3. Click on **Create Test Case**. +3. This will open a new window. Enter the URL from which you want to capture the test cases. The **Testsigma Recorder** will appear and be ready to start recording. In this case, we are recording a test case for the 1mg website. +![New Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwanwowrc.png) -![Click on Create TC](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/createtc.png) +4. Press **F12** to open **Chrome Developer Tools**. +![F12](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwacdtools.png) -4. On the **Create Test Case** page, enter **Name** and click on either **Record Steps** or **Write Test Manually** to create Test Steps. +5. Click on **>>** and select **Testsigma Recorder** from the dropdown menu. +![Testsigma Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaae.png) -![Steps](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/steps.png) +6. This will open **Testsigma Recorder** on the **Developer Tools** screen. +![Recorder on Dev Tools](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwatrocdt.png) -5. Once all the test steps are added, click on **Run**. +[[info | **NOTE**:]] +| Select the dimension from pre-defined devices on which you want to record the elements. If the device required for your testing is not listed, you can add a custom device by selecting **Edit** from the **Dimensions** dropdown menu and clicking **Add custom device**. +| ![Add Custom Device](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwatccd.png) +| +| Some devices might have unique characteristics that will affect element display and interaction, and adding a custom device required for your testing is necessary to identify and resolve these issues. -![Run TC](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/run.png) +7. Once you have selected the dimension, record test steps by performing actions on the website. +![Test Cases for MWA](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwatcctsbpa.png) -6. On the **Ad-hoc Run** overlay, select **Test Machine**, **Environment**, **App Path**, and click on **Run Now**. +--- \ No newline at end of file diff --git a/src/pages/docs/windows-automation/error-handling.md b/src/pages/docs/windows-automation/error-handling.md index 1280da48..4cb4e5a2 100644 --- a/src/pages/docs/windows-automation/error-handling.md +++ b/src/pages/docs/windows-automation/error-handling.md @@ -33,9 +33,9 @@ When you update the elements by uploading an updated TSRx file, you might encoun --- -## **Prerequisites** - -- An Updated TSRx File to Import +> ## **Prerequisites** +> +> - An Updated TSRx File to Import --- diff --git a/src/pages/docs/windows-automation/import-tsrx-files.md b/src/pages/docs/windows-automation/import-tsrx-files.md index cadfa982..beba0d31 100644 --- a/src/pages/docs/windows-automation/import-tsrx-files.md +++ b/src/pages/docs/windows-automation/import-tsrx-files.md @@ -25,11 +25,11 @@ Once the TSRx file is ready, you can import it with just a few clicks and start --- -## **Prerequisites** - -- A Windows Project in Testsigma - -- TSRx File to Import +> ## **Prerequisites** +> +> - A Windows Project in Testsigma +> +> - TSRx File to Import --- diff --git a/src/pages/docs/windows-automation/introduction.md b/src/pages/docs/windows-automation/introduction.md index b1a4df2a..4bc418d1 100644 --- a/src/pages/docs/windows-automation/introduction.md +++ b/src/pages/docs/windows-automation/introduction.md @@ -32,11 +32,13 @@ You can also quickly jump to one of the following topics to learn about Windows --- -## **Prerequisites** - -- A Licensed Version of UFT One -- [Testsigma Agent](https://testsigma.com/docs/agent/overview/) -- A Windows Based Desktop Application +> ## **Prerequisites** +> +> - A Licensed Version of UFT One +> +> - [Testsigma Agent](https://testsigma.com/docs/agent/overview/) +> +> - A Windows Based Desktop Application --- diff --git a/src/pages/docs/windows-automation/project-and-application.md b/src/pages/docs/windows-automation/project-and-application.md index 45c6e098..59b6a074 100644 --- a/src/pages/docs/windows-automation/project-and-application.md +++ b/src/pages/docs/windows-automation/project-and-application.md @@ -29,11 +29,11 @@ This article discusses creating a project and adding a Windows (Advanced) applic --- -## **Prerequisites** - -- A Windows Machine with Testsigma Agent - -- A Licensed Version of UFT One +> ## **Prerequisites** +> +> - A Windows Machine with Testsigma Agent +> +> - A Licensed Version of UFT One --- diff --git a/src/pages/docs/windows-automation/test-cases.md b/src/pages/docs/windows-automation/test-cases.md index e85801f8..5d471017 100644 --- a/src/pages/docs/windows-automation/test-cases.md +++ b/src/pages/docs/windows-automation/test-cases.md @@ -27,13 +27,13 @@ In case you have missed it, refer to [learning objects 🔍](https://testsigma.c --- -## **Prerequisites** - -- A Windows Application - -- TSRx File Imported into Elements - -- Testsigma Agent Setup +> ## **Prerequisites** +> +> - A Windows Application +> +> - TSRx File Imported into Elements +> +> - Testsigma Agent Setup --- From b0f8e810f0afadd1d73db4367344656080a224e7 Mon Sep 17 00:00:00 2001 From: Bharath Krishna <118433150+bharathk08@users.noreply.github.com> Date: Mon, 24 Jun 2024 10:16:07 +0530 Subject: [PATCH 2/2] Added a new doc for automating listview table NLPs (#434) * Added a new doc for automating listview table NLPs Added a new doc for Automating Listview Table NLPs, Parametrization of Login NLPs, & updated User connections document. Please review * Changes to Mobile Web Documents --- .../mobile-web-application/record-elements.md | 6 +- .../docs/salesforce-testing/sf-test-cases.md | 22 +++++++ .../docs/salesforce-testing/table-nlps.md | 59 +++++++++++++++++++ .../salesforce-testing/user-connections.md | 2 + .../add-test-cases-for-mobile-web-app.md | 6 +- 5 files changed, 93 insertions(+), 2 deletions(-) create mode 100644 src/pages/docs/salesforce-testing/table-nlps.md diff --git a/src/pages/docs/elements/mobile-web-application/record-elements.md b/src/pages/docs/elements/mobile-web-application/record-elements.md index 814eab69..f4f04bbe 100644 --- a/src/pages/docs/elements/mobile-web-application/record-elements.md +++ b/src/pages/docs/elements/mobile-web-application/record-elements.md @@ -45,9 +45,13 @@ Using the **Testsigma Recorder**, you can swiftly capture elements in mobile web 2. This will open a new window. Enter the URL from which you want to capture the elements. The **Testsigma Recorder** will appear and be ready to start recording. In this case, we are recording elements for the 1mg website. ![New Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmcdt.png) -3. Press **F12** to open **Chrome Developer Tools**. +3. Press **F12** to open **Chrome Developer Tools** and dock the tools to the right side of the window for a better experience. ![Dev Tools](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmcdo.png) +[[info | **NOTE**:]] +| Make sure you have selected **Companion Mode** located in the action bar at the top. +| ![Companion Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/compmode.png) + 4. Click on **>>** and select **Testsigma Recorder** from the dropdown menu. ![Testsigma Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaelmstsrec.png) diff --git a/src/pages/docs/salesforce-testing/sf-test-cases.md b/src/pages/docs/salesforce-testing/sf-test-cases.md index de140477..0345f0f1 100644 --- a/src/pages/docs/salesforce-testing/sf-test-cases.md +++ b/src/pages/docs/salesforce-testing/sf-test-cases.md @@ -18,6 +18,9 @@ contextual_links: - type: link name: "Sample Test Case for Salesforce Automation" url: "#sample-test-case-for-salesforce-automation" +- type: link + name: "Parametrization of Login NLP" + url: "#parametrization-of-login-nlp" --- @@ -96,4 +99,23 @@ Here, we open the edit form with the record ID stored in the variable in the pre ![Test Case Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sftcalltss.png) +--- + +## **Parametrization of Login NLP** + +1. From the **Test Case Details** page, create the test steps using the inbuilt Login NLP. +![Test Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/polnts.png) + +2. Click on **Salesforce Connections**, type ‘**/**’ and choose ***Environment** from the dropdown menu. +![Parametrize](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/polnen.png) + +[[info | **NOTE**:]] +| You can choose any **test data type** as needed from the dropdown menu. + +4. In the ***Environment** overlay, select an environment from the available Environments. +![Env Overlay](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/polnenol.png) + +[[info | **NOTE**:]] +| Make sure that the value added in **Environment** has the same name as in **User Connections**. + --- \ No newline at end of file diff --git a/src/pages/docs/salesforce-testing/table-nlps.md b/src/pages/docs/salesforce-testing/table-nlps.md new file mode 100644 index 00000000..a9d5939c --- /dev/null +++ b/src/pages/docs/salesforce-testing/table-nlps.md @@ -0,0 +1,59 @@ +--- +title: "Automating Listview Table NLPs" +page_title: "Automate Listview table NLPs" +metadesc: "Salesforce listview tables are dynamic tables, which have various cell properties. You can automate these dynamic tables efficiently by using Testsigma's built-in table NLPs" +noindex: false +order: 27.91 +page_id: "Automate Listview table NLPs" +warning: false +contextual_links: +- type: section + name: "Contents" +- type: link + name: "Prerequisites" + url: "#prerequisites" +- type: link + name: "Available NLPs to Automate Listview Table" + url: "#available-nlps-to-automate-listview-table" +- type: link + name: "Steps to Resolve Errors in Test Case" + url: "#steps-to-resolve-errors-in-test-case" +--- + +--- + +Automate salesforce listview virtual tables using built-in table NLPs! + +In Salesforce, listview virtual tables have various cell properties: some cells are editable, some are dropdowns, and some include checkboxes. You can automate these dynamic tables efficiently by using built-in table NLPs. This article discusses using table NLPs to automate Listview tables in Testsigma. + + +--- + +> ## **Prerequisites** +> +> - Salesforce organization with the test setup. +> +> - Salesforce connected app. For more information, refer to [creating a connected app](https://testsigma.com/docs/salesforce-testing/special-nlps/). +> +> - Salesforce metadata connected to Testsigma. For more information, refer to [creating metadata connections](https://testsigma.com/docs/salesforce-testing/metadata-connections/). +> + +--- + +## **Available NLPs to Automate Listview Table** + +1. From the left navigation bar, go to **Create Tests > Test Cases** and click on **Create Test Case**. + +2. From the **Test Case Details** page, you can create the test steps using inbuilt NLPs. + +Here are the available NLPs to perform actions on Listview table in Salesforce: +![Table NLPs](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tablenlps.png) + +[[info | **NOTE**:]] +| You must create a table element before using these NLPs in your test cases to avoid execution failures. + +Here’s a quick GIF demonstrating how to create table elements and use them in your Table NLPs. +![Using table NLPs](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tablenlpswf.gif) + + +--- \ No newline at end of file diff --git a/src/pages/docs/salesforce-testing/user-connections.md b/src/pages/docs/salesforce-testing/user-connections.md index 8bd4b8de..121af358 100644 --- a/src/pages/docs/salesforce-testing/user-connections.md +++ b/src/pages/docs/salesforce-testing/user-connections.md @@ -51,6 +51,8 @@ Once you've set up the Salesforce Metadata connection, you can add user connecti 3. On the **User connection** prompt, - Enter **Connection name** ![Connection Name](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sfucncname.png) + - Choose the environment of the user that you want to use. + ![Environment](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ucsfts.png) - Choose the Authentication type from the dropdown. - For **OAuth**, enter **Username**, **Consumer key**, **Consumer secret**, and **Callback URL**. - For **User name & Password**, enter the **Username**, **Password**, **Security token**, **Consumer key**, and **Consumer secret**. In this example, we are choosing **OAuth 2.0**. diff --git a/src/pages/docs/test-cases/manage/add-test-cases-for-mobile-web-app.md b/src/pages/docs/test-cases/manage/add-test-cases-for-mobile-web-app.md index 30dfe398..30378235 100644 --- a/src/pages/docs/test-cases/manage/add-test-cases-for-mobile-web-app.md +++ b/src/pages/docs/test-cases/manage/add-test-cases-for-mobile-web-app.md @@ -46,9 +46,13 @@ Using the Testsigma test recorder, you can easily create test cases for mobile w 3. This will open a new window. Enter the URL from which you want to capture the test cases. The **Testsigma Recorder** will appear and be ready to start recording. In this case, we are recording a test case for the 1mg website. ![New Window](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwanwowrc.png) -4. Press **F12** to open **Chrome Developer Tools**. +4. Press **F12** to open **Chrome Developer Tools** and dock the tools to the right side of the window for a better experience. ![F12](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwacdtools.png) +[[info | **NOTE**:]] +| Make sure you have selected **Companion Mode** located in the action bar at the top. +| ![Companion Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/compmode.png) + 5. Click on **>>** and select **Testsigma Recorder** from the dropdown menu. ![Testsigma Recorder](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mwaae.png)