Skip to content

Commit 4cc2104

Browse files
authored
Updated GIFs & Metas in the following tutorials (#42)
Replaced big GIFs with new GIFs & Updated Metas for the all the tutorial pages as part of SEO practices. Please review.
1 parent 1af320b commit 4cc2104

21 files changed

Lines changed: 73 additions & 94 deletions

src/pages/tutorials/addons/how-create-addons-actions.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "How to create addon for actions"
3-
metadesc: "End to end tutorial on how to create an add-on for automation action"
3+
metadesc: "Extend test automation for complex scenarios with a simple task in Testsigma using add-ons. Learn how to create and use an add-on for a simple PDF action."
44
noindex: false
55
order: 6.1
66
page_id: "How to create addon for actions"

src/pages/tutorials/addons/how-create-addons-conditional-if.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "How to add condition if actions"
3-
metadesc: "End to end tutorial on how to create an add-on for Conditional If action"
3+
metadesc: "End to end tutorial on how to create an add-on for Conditional If action | Learn how to build an Action that can be used as a conditional test step in Testsigma"
44
noindex: false
55
order: 6.3
66
page_id: "How to add condition if actions"

src/pages/tutorials/addons/how-create-addons-test-data-generators.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "Create Test data generators in Addons"
3-
metadesc: ""
3+
metadesc: "Data generators are very useful to automate scenarios that require several test data values & inputs. Learn how to create a data generator add-on in Testsigma"
44
noindex: false
55
order: 6.2
66
page_id: "Create Test data generators in Addons"
@@ -30,7 +30,7 @@ contextual_links:
3030
---
3131
---
3232

33-
Data generators are very useful utilities to automate scenarios that require several test data values & inputs. In this tutorial we show you how to create a data generator add-on in Testsigma
33+
Data generators are very useful utilities to automate scenarios that require several test data values & inputs. In this tutorial we show you how to create a data generator add-on in Testsigma.
3434

3535
---
3636

src/pages/tutorials/addons/how-create-addons-while-loops.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "How to add While actions "
3-
metadesc: "End to end tutorial on how to create an add-on for WHILE conditional action"
3+
metadesc: "End to end tutorial on how to create an add-on for WHILE conditional action. Learn how to build an action that can be used as a conditional test step."
44
noindex: false
55
order: 6.4
66
page_id: "How to add While actions "

src/pages/tutorials/advanced/email-based-two-factor-authentication.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "How to automate email based Two Factor Authentication(2FA)"
3-
metadesc: "Coming soon..."
3+
metadesc: "This tutorial discusses steps in detail for email based 2FA automation. Learn how to automate email based Two Factor Authentication(2FA) in Testsigma"
44
noindex: false
55
order: 5.3
66
page_id: "How to automate email based Two Factor Authentication(2FA)"

src/pages/tutorials/advanced/sms-based-two-factor-authentication-2fa.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "How to automate SMS based two factor authentication(2FA)"
3-
metadesc: "Coming soon..."
3+
metadesc: "This tutorial discusses steps in detail for sms based 2FA automation. Learn how to automate sms based Two Factor Authentication(2FA) in Testsigma"
44
noindex: false
55
order: 5.2
66
page_id: "How to automate SMS based Two Factor Authentication(2FA)"

src/pages/tutorials/getting-started/automate-android-applications.md

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "Get Started with Automating Android Apps"
3-
metadesc: "A quick Tutorial to help you with your first steps to testing an android app using Testsigma"
3+
metadesc: "This quick tutorial discusses in detail on how to create basic tests for an android application using Mobile Test Recorder in Testsigma Application."
44
noindex: false
55
order: 1.3
66
page_id: "Get Started with Automating Android Apps"
@@ -88,10 +88,10 @@ These projects (here, Android application) will also have a few sample Test Case
8888
1. Start by creating a Project first.
8989
For a detailed overview, check [here](https://testsigma.com/docs/projects/overview/)
9090

91-
2. Create a Test Case
91+
2. Create a Test Case.
9292
For a detailed overview, check [here](https://testsigma.com/docs/test-cases/overview/)
9393

94-
3. Add Test Steps
94+
3. Add Test Steps.
9595
Once you create a Test Case, you will be redirected to the page where you can add all your Test Steps.
9696

9797
Here’s a video that explains all the steps discussed so far.
@@ -102,9 +102,9 @@ The next section explains how you can add steps to test a sample scenario.
102102
**Sample Test Scenario:** We will be using a sample login test scenario using the wordpress app where the user taps on login, enters an email ID and is sent a magic login link.
103103

104104
There are two ways you can add Test Steps to your Test Case:
105-
1. Add/Record Test Steps using the Test Recorder
105+
1. Add/Record Test Steps using the Test Recorder.
106106

107-
2. Writing your tests step by step in simple English language
107+
2. Writing your tests step by step in simple English language.
108108

109109
[[info | INFO:]]
110110
| _Before you start make sure you’ve referred to the **‘Setting the stage to write your first test’** ‘section in this tutorial and your are currently in the **‘Test Case Details’** Page_
@@ -160,12 +160,12 @@ New to Testsigma Mobile Recorder? [Here](https://testsigma.com/tutorials/test-ca
160160

161161
By default, the recorder will be in inspection mode (highlighted in yellow when you hover over any element).
162162

163-
![inspector_mode](https://docs.testsigma.com/images/tutorials/getting-started-android/inspector_mode_new.gif)
163+
![inspector_mode](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/inspect.gif)
164164

165165
Let’s try interacting with the Wordpress app we just uploaded.
166166

167167

168-
**Test Step 1.** Perform Tap action on
168+
**Test Step 1.** Perform Tap action on.
169169
To record the Tap action we have two options, clicking on the ‘Log in’ button or the ‘Sign up’ button. For now in Inspector mode, click on the Login button with your mouse.
170170

171171
You’d see a new pane appear in the centre.
@@ -181,37 +181,37 @@ You’ll notice 3 options appear on top in the same pane:
181181
So in this case click on tap and the recorder will perform a tap action in the app. Simultaneously this will generate an NLP statement in your test steps on the left hand side.
182182

183183

184-
![tap_action](https://docs.testsigma.com/images/tutorials/getting-started-android/tap_action_new.gif)
184+
![tap_action](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/tap.gif)
185185

186-
**Test step 2:** Enter data into a field
186+
**Test step 2:** Enter data into a field.
187187

188188
After the tap action you will be navigated into the next screen in the app where you have to enter the email ID in the field provided.
189189

190-
![enter_data](https://docs.testsigma.com/images/tutorials/getting-started-android/enter_data_new.gif)
190+
![enter_data](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/enternewdata.gif)
191191

192192
To do this in inspector mode, first click on the email field. Then from the actions choose the enter data option. A box will pop up where you’ll be able to enter the email you want to.
193193

194194
Like the previous step the same actions will be recorded as an NLP step.
195195

196196
If you want to **clear** the value entered, clicking on the clear option after selecting that element in inspector mode will do that for you. And once again since we’re recording the test it will be converted into a test step in NLP.
197197

198-
![clear_action](https://docs.testsigma.com/images/tutorials/getting-started-android/clear_action_new.gif)
198+
![clear_action](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/clearaction.gif)
199199

200-
**Test step 3** Click on next
200+
**Test step 3** Click on next.
201201

202-
Once you’ve entered the desired email address click on the next button and the once again select the tap option in the middle pane
202+
Once you’ve entered the desired email address click on the next button and the once again select the tap option in the middle pane.
203203

204-
**Test step 4:** Click on Send Link
204+
**Test step 4:** **Click on Send Link**.
205205

206206
This is once again similar to the previous click actions. Since in this specific scenario we do not have a valid login user ID we’ll need to use an assertion step at the end to verify the previous test steps were executed successfully
207207

208-
**Test Step 5**. Add a verify statement (assertion) manually
208+
**Test Step 5**. Add a verify statement (assertion) manually.
209209

210210
After performing these basic actions we need to verify that they were successful. We do this by using a verify statement which is otherwise called an Assertion in Test Automation.
211211

212212
So first click on the empty test step below the most recently created one in the recorder. From the drop down list select **‘Verify that the current page displays OPEN MAIL’**
213213

214-
![verify_step_android](https://docs.testsigma.com/images/tutorials/getting-started-android/verify_step_android_new.gif)
214+
![verify_step_android](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/verify.gif)
215215

216216
Here’s a summary of the steps we discussed so far.
217217

@@ -227,18 +227,18 @@ Here’s a summary of the steps we discussed so far.
227227

228228
In this section you will learn:
229229

230-
1. How to add steps and create a new element on the go
230+
1. How to add steps and create a new element on the go,
231231
Learn more about how to add steps manually from the test case details page [here](https://testsigma.com/docs/test-cases/create-steps-recorder/android-apps/add-steps-manually/).
232232

233233
![edit_elements_recorder](https://docs.testsigma.com/images/tutorials/getting-started-android/edit_elements_recorder.gif)
234234

235-
2. How to add steps using existing elements
235+
2. How to add steps using existing elements,
236236
You can reuse them at any time by choosing the element you want to use/reuse in the Test Case. Simply pick the name of the Element.
237237

238-
3. How to add a simple verification steps
238+
3. How to add a simple verification steps,
239239
Use the Verify action as used in Test Step 5 in the previous section.
240240

241-
![verify_edit_in_test](https://docs.testsigma.com/images/tutorials/getting-started-android/verify_edit_in_test_new.gif)
241+
![verify_edit_in_test](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/verify_edit_in_test_new.gif)
242242

243243
4. How to create multiple elements at once,
244244
Read [this](https://testsigma.com/docs/elements/android-apps/record-multiple-elements/) to learn more.

src/pages/tutorials/getting-started/automate-ios-applications.md

Lines changed: 28 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "Get Started with Automating iOS Apps"
3-
metadesc: ""
3+
metadesc: "This quick tutorial discusses in detail on how to create basic tests for an iOS application using Mobile Test Recorder in Testsigma Application."
44
noindex: false
55
order: 1.4
66
page_id: "Get Started with Automating iOS Apps"
@@ -45,17 +45,17 @@ This tutorial helps you create basic tests for an iOS application using Testsigm
4545

4646
## [We cover :](#we-cover-)
4747

48-
* Prerequisites needed for getting started
48+
* Prerequisites needed for getting started.
4949

50-
* Introduction to Testsigma’s very own mobile test recorder + inspector
50+
* Introduction to Testsigma’s very own mobile test recorder + inspector.
5151

52-
* How to use Testsigma mobile test recorder to capture all the element details efficiently
52+
* How to use Testsigma mobile test recorder to capture all the element details efficiently.
5353

54-
* How to write tests for an iOS app and run it in the cloud
54+
* How to write tests for an iOS app and run it in the cloud.
5555

56-
* A sample scenario tested using Testsigma
56+
* A sample scenario tested using Testsigma.
5757

58-
* How to view the comprehensive test results
58+
* How to view the comprehensive test results.
5959

6060
---
6161
> ## [Prerequisites](#prerequisites)
@@ -71,11 +71,11 @@ This tutorial helps you create basic tests for an iOS application using Testsigm
7171

7272
Let’s understand these in detail.
7373

74-
* Project - Can be your iOS application name for instance
74+
* Project - Can be your iOS application name for instance.
7575

76-
* Test Case - specific scenario that has to be tested, say, login functionality
76+
* Test Case - specific scenario that has to be tested, say, login functionality.
7777

78-
* Test Steps - the actual set of instructions/steps required to test the functionality
78+
* Test Steps - the actual set of instructions/steps required to test the functionality.
7979

8080
[[info | INFO:]]
8181
| _By default, 4 Projects will be readily available on your account._
@@ -85,11 +85,11 @@ Let’s understand these in detail.
8585
For a detailed overview, [check here](https://testsigma.com/docs/projects/overview/)
8686

8787

88-
2. Create a Test Case
88+
2. Create a Test Case.
8989
For a detailed overview, [check here](https://testsigma.com/docs/test-cases/overview/)
9090

9191

92-
3. Add Test Steps
92+
3. Add Test Steps.
9393
Once you create a Test Case, you will be redirected to the page where you can add all your Test Steps.
9494

9595
Here’s a video that explains all the steps discussed so far.
@@ -103,9 +103,9 @@ The next section explains how you can add steps to test a sample scenario.
103103

104104
There are two ways you can add Test Steps to your Test Case:
105105

106-
1. Add/Record Test Steps using the Test Recorder
106+
1. Add/Record Test Steps using the Test Recorder.
107107

108-
2. Writing your tests step by step in simple English language
108+
2. Writing your tests step by step in simple English language.
109109

110110
[[info | INFO:]]
111111
| _Before you start make sure you’ve referred to the **‘Setting the stage to write your first test’** ‘section in this tutorial and your are currently in the **‘Test Case Details’** Page_
@@ -120,7 +120,7 @@ The Testsigma test recorder (web and mobile) is in-built and sits directly on yo
120120

121121
Step1: To do this, simply click the **Record** option at the top of the test case details page.
122122

123-
![Click record to start recording](https://docs.testsigma.com/images/tutorials/getting-started-ios/recorder-start-record-option.jpg)
123+
![Click record to start recording](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/record.png)
124124

125125
Step 2: A new window will appear that has a few options in rows.
126126

@@ -136,7 +136,7 @@ Let’s break down each row.
136136

137137
**Local devices** as the name indicates means you can run the tests you are about to create on your own current/local device. In this case, you need to install Testsigma Agent on your device. Learn how to install Testsigma Agent [here](https://testsigma.com/docs/agent/setup-on-windows-mac-linux/).
138138

139-
**Select Version** and **Select Device** that you wish to run your tests on (in case you choose cloud option i.e. Testsigma Lab)
139+
**Select Version** and **Select Device** that you wish to run your tests on (in case you choose cloud option i.e. Testsigma Lab).
140140

141141
**Select iOS Version :** Select the version of the application of the iOS device you wish to run your tests on.
142142

@@ -182,7 +182,7 @@ This will perform a click/tap action and will take you to the next screen on the
182182

183183
![Perform a click/tap action](https://docs.testsigma.com/images/tutorials/getting-started-ios/perform-tap-action.png)
184184

185-
**Test Step 2.** Enter some data
185+
**Test Step 2.** Enter some data.
186186

187187
As you see, the next screen on the Twitter app has 2 fields, _Name_ and _Phone_.
188188

@@ -203,17 +203,16 @@ Click on **Clear**. This will wipe clean the entered value on this field.
203203

204204
**Test Step 4**. Enter data
205205

206-
You guessed it right! This step is the same as Test Step 2.
207-
To enter a phone number, repeat the same process. Click to keep focus and press the **“Enter Data”** button at the top of the centre pane. Now enter the phone number you wish to enter and
208-
click **Enter Data** to save.
206+
This step is the same as Test Step 2.<br>
207+
To enter a phone number, repeat the same process. Click to keep focus and press the **“Enter Data”** button at the top of the centre pane. Now enter the phone number you wish to enter and click **Enter Data** to save.
209208

210209

211210
**Test Step 5**. Tap button
212211

213212
This is similar to Test Step 1. Simply click on the field/button you wish to tap on. In this case the Login button. Simply click the Tap option at the top of the pane in the centre.
214213

215214

216-
**Test Step 6**. Add a verify statement (assertion) manually
215+
**Test Step 6**. Add a verify statement (assertion) manually.
217216

218217
Now, let’s verify some text on the app screen.
219218

@@ -225,7 +224,7 @@ You only need to replace the test data part with the actual text you copied, let
225224

226225
![How to add a verify step](https://docs.testsigma.com/images/tutorials/getting-started-ios/verify-nlp-template.gif)
227226

228-
Paste this in place of test data. Click **Create** and you are done!
227+
Paste this in place of **test data**. Click **Create** and you are done!
229228

230229
Here’s a summary of the steps we discussed so far.
231230
<iframe src="https://docs.testsigma.com/videos/tutorials/getting-started-ios/recorded-steps-getting-started-testsigma-new.mp4" width="600" height="400"></iframe>
@@ -241,17 +240,13 @@ To learn all other options available in the test recorder [click here](https://t
241240

242241
In this section you will learn:
243242

244-
1. How to add steps and create a new element on the go
243+
1. How to add steps and create a new element on the go.<br>
245244
Learn more about how to add steps manually from the test case details page [here](https://testsigma.com/docs/test-cases/create-steps-recorder/ios-apps/add-steps-manually/).
246245

247-
![Add more steps manually at any time](https://docs.testsigma.com/images/tutorials/getting-started-ios/add-nlp-test-steps-manually.gif)
248-
249-
2. How to add steps using existing elements
246+
2. How to add steps using existing elements.<br>
250247
You can reuse them at any time by choosing the element you want to use/reuse in the Test Case. Simply pick the name of the Element.
251248

252-
![Reuse an already created element in any test step easily](https://docs.testsigma.com/images/tutorials/getting-started-ios/reuse-already-added-element-in-test-step.gif)
253-
254-
3. How to add a simple verification steps
249+
3. How to add a simple verification steps.<br>
255250
Use the Verify action as used in Test Step 5 in the previous section.
256251

257252
4. Testsigma lets you capture all elements on the go.
@@ -261,15 +256,15 @@ In this section you will learn:
261256
---
262257
## [Run your test case](#run-your-test-case)
263258

264-
You can run your tests locally on your own machine or on the devices on the cloud (that you may not necessarily own!)
259+
You can run your tests locally on your own machine or on the devices on the cloud (that you may not necessarily own!).
265260

266261
At the top right of your Test Steps page, click on **Run**.
267262

268263
Choose the device you wish to run your tests on, the device configurations, or how you’d like the screenshots captured, etc. You can choose these options based on your preference.
269264

270265
Click **Run Now**.
271266

272-
Here’s a video that shows you a sample test run done for the test case we created
267+
Here’s a video that shows you a sample test run done for the test case we created.
273268

274269
<iframe src="https://docs.testsigma.com/videos/tutorials/getting-started-ios/dry-test-step-result-details-al-powered-test-automation-platform-testsigma.mp4" width="600" height="400"></iframe>
275270

@@ -307,7 +302,7 @@ You would also find all previous run results in the Dry Runs tab. You can also s
307302

308303
Refer to [this](https://testsigma.com/docs/reports/runs/overview/) tutorial to learn how to create test plans and run them.
309304

310-
_This is a basic test that can be recorded by interacting with your app. also [ping us](https://discord.com/invite/5caWS7R6QX) for awesome support!_
305+
_This is a basic test that can be recorded by interacting with your app. Also, [ping us](https://discord.com/invite/5caWS7R6QX) for awesome support!_
311306

312307
---
313308

@@ -323,8 +318,6 @@ _This is a basic test that can be recorded by interacting with your app. also [p
323318

324319
* Try out more advanced capabilities. Check out our detailed [documentation](https://testsigma.com/docs/).
325320

326-
327321
Reach out to us through in app chat for a walkthrough or if you have any questions!
328322

329-
**Join [Discord Server](https://discord.com/invite/5caWS7R6QX) to learn more about Testsigma.**
330-
323+
**Join [Discord Server](https://discord.com/invite/5caWS7R6QX) to learn more about Testsigma.**

src/pages/tutorials/getting-started/automate-mobile-web-applications.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "Testsigma Quick-Start Guide For mobile web Application Testing"
3-
metadesc: ""
3+
metadesc: "This Tutorial will help you learn the basics of creating tests with Testsigma and help you create and execute your first test case for a sample mobileweb application."
44
noindex: false
55
order: 1.2
66
page_id: "Testsigma Quick-Start Guide For mobile web Application Testing"

src/pages/tutorials/getting-started/automate-rest-apis.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "Get Started with REST API Testing"
3-
metadesc: ""
3+
metadesc: "This tutorial demonstrate how RESTful APIs or web services can be tested using Testsigma | Geting Started with REST API Testing in Testsigma"
44
noindex: false
55
order: 1.5
66
page_id: "Get Started with REST API Testing"

0 commit comments

Comments
 (0)