Creating a Web Test using the TestProject Recorder

Creating a web test is a simple and straightforward process with the TestProject Recorder. You will want to make sure you have setup a project and that you are in that project folder in the TestProject app. This tutorial will walk you through a concrete example that uses the our example webpage so that you can see what it looks like to do this on an actual site.

Step 1 - Creating a Test

Creating a web test is as simple as clicking on the New Test button and then choosing the Web option as your test type
Create a New Test
You will then need to select what type of test you want to create. In this tutorial, you are going to create a Web test, so choose that option and then click on Next.
You can now give your test a name and description. You can also add tags to your test to help organize tests so that you can more easily search and filter them in the future. Once you have filled in all the desired information, click Next again.
The next thing you will be asked for is the application you are going to test. If this is the first test you are creating there will not be any applications in the list and so you will need to click on the Add a new application for testing button
Add a New Application
This will prompt you for the URL of the application that you want to test and also ask you to give it a name for the system to use. For this example we will put in the URL of the TestProject example site.
Add New Example Site
After entering in the required information you can click Done and you will be taken back to the test creation wizard which will automatically select the application you just created. You can then click Next and move on to the next step.

Step 2 - Recording a Test

Now that you have named your test and the system knows what site to use for the testing, you are ready to start creating the steps that you want your test to execute. You can create the steps manually if you want, or you can use the powerful recorder that TestProject offers. In order to use the recorder you will need to make sure that you have a local agent setup and running. If you have not yet setup and started an agent you can follow the instructions in the installation and setup section to do so.
If the Start recording button is not available after you clikc on the Record icon, be sure to check that your agent is running and connected
Agent not connected, leads to recording being disabled
Once a local agent is running you will be able to click on the record button andhave the option to click on the Start recording option. It should look something like this:
TestProject Record Ready to use
Notice, that you have the option to choose to save the recording of the test steps in the cloud or in a local files. To learn more about how the TestProject cloud and offline modes works, you can check out the documentation here.
Clicking Start recording will open the new Smart Test Recorder for you.This will open a new instance of your browser and start recording. If a new instance does not open, you will want to check that your browser version is up to date.

Step 3 - Add Test Steps

Now that the example web application is open in the test recorder you can start adding test steps to the test. This example will walk through adding steps to do a login workflow. The first thing will be to put in a username. To do this, simply mouse over the Full Name field and click on it. You will notice that when you click a step is automatically added to the test
Click on Full Name Field
You can then type in your full name and click away from the field to apply it. You will once again notice that the recorder has automatically added a step to the test for you. You can then repeat this for the password field. First click on the field and then type in the password (in this example site the password is 12345) and TestProject will add the steps for you. Once you have done that you can click on the login button and you will be taken to the next page on the form.

Step 4 - Adding Validation

Being able to create test steps that send commands to a web page is very powerful, but testers also need to be able to validate that a site is doing the correct thing. In this example you will validate that the second page of the form is using the name you entered on the first page. To do this you can mouse over the name on the page and then hit shift twice quickly (Double Shift) to freeze the element.
Mouse Over Name
Doing this will bring up a menu with a few options. Since you are trying to validate something, you will choose the Validations option. Just mouse over that to bring up the available options. For this validation you can use the Contains Text? option by clicking on it.
Choose Contains Text Validation Option
This will open the create a new step panel where you can type in the text that you expect to see in this element (in this case the name you entered on the login page). You can then click on the Save Step button to add this test step to your test.
Add Validation Step to the Test
And with that you have created your first web test! You can use the run button at the top of the recorder to run the test and make sure everything is working and close down the browser window and the test will be saved into your project, ready for you to run anytime you want!

Next Steps

If you want more details on how to select and use elements within the Recorder you can find information in the finding and using elements section of the documentation. The TestProject recorder can also be used to create mobile tests. If you want to see how to schedule and run the tests that you create you can find information on that in the documentation as well.