Skip to content

Commit

Permalink
Updated the docs as per new UI
Browse files Browse the repository at this point in the history
  • Loading branch information
@bharathk08
bharathk08 committed Sep 25, 2023
1 parent 8c35296 commit 2bfde64
Show file tree
Hide file tree
Showing 4 changed files with 146 additions and 193 deletions.
75 changes: 51 additions & 24 deletions src/pages/docs/desired-capabilities/network-throttling.md
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,40 @@
---
title: "Network throttling"
title: "Network Throttling"
metadesc: "Network throttling is an intentional slowing down of internet speed. Learn how to enable and use Network Throttling feature in Testsigma"
noindex: false
order: 15.91
page_id: "Network Throttling"
search_keyword: "Network Throttling"
warning: false
contextual_links:
- type: section
name: "Contents"
- type: link
name: "Prerequisites"
url: "#prerequisites"
- type: link
name: "Available Network Conditions"
url: "#available-network-conditions"
- type: link
name: "Steps to Enable Network Throttling"
url: "#steps-to-enable-network-throttling"
- type: link
name: "Using Network Throttling Feature in Test Cases"
url: "#using-network-throttling-feature-in-test-cases"
---

---
<p><em>Network throttling</em> is an intentional slowing down of internet speed. It is used to simulate user experience under low bandwidth conditions. This is useful from a testing perspective as developers and quality analysts get an understanding of how the website loads and functions when accessed from different network environments, especially environments wherein poor network speed is experienced.

This article demonstrates the method to enable the network throttling feature, with which testers can simulate poor network conditions while testing web applications using Testsigma.
Network throttling is an intentional slowing down of internet speed. It is used to simulate user experience under low bandwidth conditions. It also helps you understand how the website loads and functions when accessed from different network environments, especially environments wherein poor network speed is experienced. This article discusses how to enable the network throttling feature in Testsigma.

---

## **Prerequisites**
- You should be familiar with [Testsigma Addons](https://testsigma.com/docs/addons/what-is-an-addon/).

---

## **Available Network Conditions**
The following profile options can be used to simulate various network conditions for your test:
</p>
<style>
Expand Down Expand Up @@ -61,34 +83,39 @@ The following profile options can be used to simulate various network conditions
</tr>
</table>
</body>
To enable network throttling:

<ol>
<li>Navigate to <strong>Add-ons</strong> on the left panel of the Testsigma UI.</li>
<li>Select the add-on <strong>Network Throttling</strong> from the available list and click <strong>Install</strong>.</li>
---

![Network throttling add-on](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/desired-capabilities/network-throttling/network-throttling-addons.png)
## **Steps to Enable Network Throttling**
1. Click on **Addons** from Dashboard.
![Addons](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntaddonbutton.png)

<li>Navigate to <strong>Test Development</strong> on the left panel of the UI.</li>
<li>Under Design & Development section, select <strong>Test Cases</strong>.</li>
2. Select **Network Throttling** and click on **Install**.
![Network Throttling](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntaddon.png)

<li>Click on the test case from the available list of test cases, to apply the network throttling feature. This will take you to the test steps page. Optionally, you can create a new test case.</li>
<li>The way to introduce the network throttling in your test case, is by adding a new test step at the point from which you wish to simulate the network conditions. On that account, on the test steps page, hover the mouse over the test step you want to add the new test step.</li>
<li>Click <strong>+Add Step</strong> to add a new step to the test case.</li>
Here's a quick GIF demonstrating how to install Network Throttling addon in Testsigma.
![Network Throttling Addon](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntaddonGIF.gif)

![Add-network-throttling-step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/desired-capabilities/network-throttling/add-step-network-throttling.png)
---

<li>Click on the text field. It will give you a dropdown list of several options.</li>
<li>Select the option, simulate network to <var>upload_speed</var> <strong>upload speed(kbps)</strong> <var>download_speed</var> <strong>download speed(kbps)</strong> <var>latency_time</var> <strong>latency(ms)</strong>.</li>
## **Using Network Throttling Feature in Test Cases**
1. Navigate to **Create Tests > Test Cases**.
![Test Case List Page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/nttcs.png)

![Simulate-network-throttling-step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/desired-capabilities/network-throttling/simulate-network-throttling-step.png)
2. Create a test case or click on an existing test case for which you want to add **Network Throttling** feature.

<li>Remove the parameters <var>upload_speed</var>, <var>download_speed</var>, and <var>latency_time</var> and enter the appropriate values. <em>For more information on the parameter values of different network profiles, refer to the table above.</em></li>
<li>Click <strong>Create</strong>.<br>
You have now added the network throttling feature to your test case. With network throttling, you can change your network profile to test the functionality of your test cases while exposed to different network environments.
</li>
</ol>
3. You can add the **Network Throttling** feature in your test case by adding a new test step at the point where you wish to simulate the network conditions.

Testsigma support <em>Network throttling</em> to test your apps and websites under various network scenarios.For more information, reach out to us at [[email protected]](mailto:[email protected]) or through our [support channel on Testsigma Discord](https://discord.com/invite/SjYKkSTUq9).
4. Click on **Step Above**.
![Test Step](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/stepabovent.png)

---
5. Create a step with the NLP, *Simulate network to upload_speed upload speed(kbps) download_speed download speed(kbps) latency_time latency(ms)*.
![NLP](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/simulateNLP.png)

6. You have now added the network throttling feature to your test case. With network throttling, you can change your network profile to test the functionality of your test cases while exposed to different network environments.
![NLP Added](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/addedNLPnt.png)

Here's a quick GIF demonstrating how to use Network Throttling in Test Cases.
![Use Case](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/ntusecasegif.gif)

---
195 changes: 53 additions & 142 deletions src/pages/docs/test-cases/create-steps-recorder/android-apps/overview.md
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: "Recording Test Steps with Recorder for Android: An Overview"
metadesc: "How to record test steps using Testsigma’s Recorder for android."
metadesc: "This article discusses how to use the recorder to record your test steps and generate automated android tests | Record Test Steps with Recorder for Android"
noindex: false
order: 4.521
page_id: "Recording Test Steps with Recorder for Android: An Overview"
Expand All @@ -9,153 +9,64 @@ contextual_links:
- type: section
name: "Contents"
- type: link
name: "Pre-requisites"
url: "#pre-requisites"
name: "Prerequisites"
url: "#prerequisites"
- type: link
name: "How to record test steps using Testsigma’s Recorder for android"
url: "#how-to-record-test-steps-using-testsigmas-recorder-for-android"
name: "Steps to Record Test Steps for Android Using Recorder"
url: "#steps-to-record-test-steps-for-android-using-recorder"
---

---

With Testsigma, you can either write your test steps in simple English or you can use the Recorder to record your test steps and generate airtight automated android tests in simple English. In this document, we cover how to record test steps via the Recorder.

&emsp;
With Testsigma, you can either write your test steps using NLPs or use the recorder to record your test steps and generate automated android tests. This article discusses how to record test steps for Android using the recorder.

---
##**Pre-requisites:**

1. You should have an account on Testsigma.
2. Your Testsigma account should have an android app uploaded under ‘uploads’. This is the android app that you want to test.

&emsp;
## **Prerequisites:**
- Testsigma test step recorder chrome extension. See, [Testsigma Chrome Extension](https://testsigma.com/docs/test-step-recorder/install-chrome-extension/).
- An android app that you want to test.

---
##**How to record test steps using Testsigma’s Recorder for android:**

1. Open a pre-existing Android Project or create a new one under your Testsigma account.
2. Go to ‘Test Development > Test Cases’
3. Create a new Test Case. Let's name it ‘first test case’.
4. From your test case page, click on the record button:

![the record button to record test steps via the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/record-button-record-test-steps-Recorder-testsigma-android.png)

5. The record button will launch the Recorder. Once you click the record button, another window will open up, where you can choose the device lab, version, device, and app for testing:

![the record button window to record test steps via the Recorder in Testsigma, for an android project](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/start-record-session-android-with-save-as-favorite-button.png)

**Note**: If you want to be using the same recording configuration often then you can save this as a favorite using the button “Save As Favorite”.

6. Click Record. The recorder interface will look like this:

![Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1.png)

7. The test steps will appear on the section ‘Test Steps’. As you can see, the first step will be ‘Launch App’.

![Test Steps in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-test-steps.png)

8. Now you can use the Recorder to record the next steps. Before doing that let’s review all the options available with the Recorder. The options available are:


&emsp;

* Mirroring mode:

![Mirroring mode in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-mirroring-mode.png)

Mirror mode will allow you to use the app via Testsigma to mirror real live physical device use.

&emsp;

* Select Element:

![Select Element in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-select-element.png)

When 'Select Element' is selected, you can click on elements and get more information about them. For example, if we click on the button ‘Sign up with Apple’, this information about the button will appear on the Recorder UI.

![actions available for an inspected element to record test steps via the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/actions-for-inspected-element-Recorder-testsigma-android.png)


You can click on the button ‘tap’ or ‘Enter Data’ for the selected element to perform the corresponding actions on the selected element.

&emsp;

* Swipe By Coordinates

![Swipe by coordinates in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-swipe-by-coordinates.png)

* Tap By Coordinates

![Tap by coordinates in Test recorder interface for Android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/test-cases/create-steps-recorder/android-apps/overview/test-recorder-interface-android-1-tap-by-coordinates.png)

The ‘Tap By Coordinates’ button lets you click on an element on the screen and record the coordinates of the click.

&emsp;

* Go back

![go back button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/go-back-button-Recorder-testsigma-android.png)

This button records the “go back” action from the current screen.

&emsp;

* Home

![home button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/home-button-Recorder-testsigma-android.png)

The home button displays the home screen of the device.

&emsp;

* Refresh Screenshot

![refresh button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/refresh-button-Recorder-testsigma-android.png)

The Refresh Screenshot button lets you refresh the current screen on the mobile device.

&emsp;

* Toggle

![toggle button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/toggle-button-Recorder-testsigma-android.png)

The Toggle button lets you switch between landscape and portrait mode.

&emsp;

* Search Element

![search button on the Recorder in Testsigma, for an android project](https://docs.testsigma.com/images/android-apps/search-button-Recorder-testsigma-android.png)

This option can be used to search for an element in the app source.


&emsp;


To know about other aspects of the Recorder, refer to the links below:

1. [Test Step Actions](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/step-actions/): The actions that can be performed on a test step via the Recorder UI.
2. [Test Step Settings](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/step-settings/): The settings that are available for a test step via the Recorder UI.
3. [Test Data in Steps](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/test-data-options/): How to use test data in test steps via the Recorder UI.
4. [Add Steps Manually](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/add-steps-manually/): How to add steps manually via the Recorder UI.
5. [Reuse Elements](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/reuse-elements/): How to reuse already added elements via the Recorder UI.
6. [Update Elements](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/update-elements/): How to update already added elements via the Recorder UI.
7. [Create an Element](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/create-a-new-element/): How to create an element via the Recorder UI.
8. [Reorder Test Steps](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/reorder/): How to reorder test steps via the Recorder UI.
9. [Bulk Actions](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/bulk-actions/): The bulk actions that can be performed on multiple test steps at once via the Recorder UI.
10. [Add Steps Before & After](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/add-steps-before-after/): How to add steps before and after the steps that are already added, via the Recorder UI.
11. [Type: Natural Language](https://testsigma.com/docs/test-cases/step-types/natural-language/): How to add a new step as a natural language step via the Recorder UI.
12. [Type: Step Group](https://testsigma.com/docs/test-cases/step-types/step-group/): How to add a new step as a step group via the Recorder UI.
13. [Type: For Loop](https://testsigma.com/docs/test-cases/step-types/for-loop/): How to add a new step as a for loop via the Recorder UI.
14. [Type: While Loop](https://testsigma.com/docs/test-cases/step-types/while-loop/): How to add a new step as a while loop via the Recorder UI.
15. [Type: Conditional If](https://testsigma.com/docs/test-cases/step-types/if-condition/): How to add a new step as a conditional if via the Recorder UI.







## **Steps to Record Test Steps for Android Using Recorder**
1. Navigate to **Create Tests > Test Cases**, click on **Create Test Case**.
![Test Case Page](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tcsnavandov.png)

2. On Test Case details page, click on **Record**
![Test Case Details](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/recordandov.png)

3. An overlay of **Record test steps** pops up. Select **Test Lab**, **Test Machine** and upload the application you want to test.
![Overlay](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tltmupandov.png)

4. Click on **Record**.
![Record](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/recoandov.png)

5. The recording screen will have two sections:
- **Device Controlling Section**
![DCS](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/dcsanov.png)
- **Test Steps Section**
![Test Step Section](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tscsandov.png)

6. Let’s review all the options available in the **Device Controlling Section**.
- **Mirroring mode**: Mirror mode will allow you to use the app via Testsigma to mirror real live physical device use.
![Mirroring Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/mmodeanov.png)
- **Select Element**: You can click on elements and get more information about them.
![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seandov.png)
For example, if we click on **Login**, the information will be displayed under the section **Selected element attributes**. If you click on **Tap**, the step recorder will create the step as ***Tap on Login***.
![Tap](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tapanov.png)
- **Swipe By Coordinates**: The swiping action will be recorded with this option.
![Swipe by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/sbcandov.png)
- **Tap By Coordinates:** It lets you click on an element on the screen and record the coordinates of the click.
![Tap by Coordinates](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tbcandov.png)
- **Search Element**: This option can be used to search for an element in the app source.
![Select Elements](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/seandrov.png)
- **Go back**: This button records the “go back” action from the current screen.
![Go Back](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/gobackandov.png)
- **Home**: This button displays the home screen of the device.
![Home](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/homeandov.png)
- **Hide Keyboard**: This button lets you hide the keyboard in the application.
![Hide Keyboard](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/hidekbondov.png)
- **Change to landscape mode**: This button lets you switch between landscape and portrait mode.
![Change to Landscape Mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/landscmandov.png)

7. The **Test Steps Section** will display the actions performed on the device.

---
Loading

0 comments on commit 2bfde64

Please sign in to comment.