login

Virtual Browser Tutorial #2:
Usernames/Passwords

In this tutorial you’ll learn how to customize a test case so that each virtual user logs into WordPress with a separate account.

1. Record Test Case

Start recording by clicking on the red record button, and navigate to http://demo.webperformance.com.

step-two-record

Next, click on the Login to Post link:            Screen-Shot-2013-10-03-at-8.41.27-PM

This of course goes to the login screen, where the username is “demo”, and the password is “p@perdoll”.

Screen Shot 2013-10-07 at 4.31.37 PM

Clicking the blue “Log In” button will take you a form where you can make a blog post:

Screen-Shot-2013-10-03-at-8.43.34-PM

Click Publish, and then log out by clicking in the upper right-hand corner and selecting Log Out from the menu:

Screen-Shot-2013-10-03-at-8.52.59-PM

The test case is over, so stop the recording by clicking on the black stop button:

Screen Shot 2013-10-01 at 3.56.52 PM

2. Create Dataset

Now that the test case is recorded, its time to customize it so that each virtual user has a separate username, password, and blog post title.  This type of customization information is kept in a “dataset”, or a collection of data in rows and columns like a database.  Datasets are stored in the Datasets folder in the Navigation Tab:

Screen Shot 2013-10-03 at 9.02.38 PM

In this tutorial you’ll be shown how to create the needed dataset, but if you want to save time, feel free to use the provided dataset with the title “Login and Post on Blog”, and skip down to Section 3, Customize Test Case.

If you want to learn how to create a dataset, right-click on the repository, and select New->Dataset:

Screen Shot 2013-10-01 at 5.19.31 PM

The dataset editor will now show up in the main window area.  Next, you’ll want to rename the default field name “field” to be “Username” by first clicking on the Field column, below:

Screen Shot 2013-10-01 at 5.22.35 PM

and then clicking on the field name editor icon in the middle:

Screen Shot 2013-10-01 at 5.23.01 PM

which brings up editor:

Screen Shot 2013-10-07 at 5.06.56 PM

Click on the green cross to add one more field named “Blog Post Title”.

The next step is to generate values for each column.  Start by clicking on the “Username” field and then clicking fill:

Screen Shot 2013-10-01 at 5.26.09 PM

You can create data in several different ways.  In this case it makes sense to use a sequence from 1 to 25 with a prefix of “user”:

Screen Shot 2013-10-03 at 9.08.41 PM

Click the “Generate values” button to generate the parameters, and then “OK” insert them into the Username field.

Next, click on the head for the Blog Post Title field, and click on the “Fill” button again.  Again, just the sequence method from 1 to 25 and a prefix to create unique blog post titles.  (Anything would do, as long as its unique.)

Screen Shot 2013-10-03 at 9.10.33 PM

Click “OK”, and the dataset should look like this:

Screen Shot 2013-10-03 at 9.12.03 PM

The final step is to rename the dataset from “New Dataset” to “Logins” by right-clicking on the dataset in the Navigator Tab and selecting “Rename”.

3. Customize Test Case

Once there’s a dataset,  the next step is to locate the parts of the test case you want to customize.  First up is the login page, which you can find by clicking on the web pages until the following appears in the Content Tab:

Screen-Shot-2013-10-03-at-9.27.08-PM

Click on the Username field, and the field configuration dialog pops up.  Set the Datasource to be “Dataset”, and select either the dataset you configured or the provided dataset “Login and Post on Blog”, and then select the Username field.

Screen-Shot-2013-10-03-at-9.27.59-PM

Next, select the page after that with the form for creating a blog post:

Screen-Shot-2013-10-03-at-9.29.58-PM

Click on the blog title form, which should “enter title here” in light grey, and again bring up the field configuration dialog.  Use the same dataset as before, but this time select the field with the title  ”Blog Post Title”.

Screen-Shot-2013-10-03-at-9.31.31-PM

 4. Replay Test Case

After any customization of a test case you’ll want to see it work with a single user before doing a load test.  Use the down arrow on the button to select various replay options such as Fast Play.

step-three-replay

If the replay was successful you’ll see this at the bottom of the test case window:

Screen-Shot-2013-10-03-at-9.46.33-PM

At this point click on the “Rewind” button to view the original load test:

Screen-Shot-2013-10-14-at-3.19.05-PM

5. Load Test

To start a load test from the test case window, click on the Load Test button:

step-four-run

This will bring up the load test configuration dialog:

Screen Shot 2013-10-01 at 5.46.45 PM

Click ok to go to the main load test window where you click on the Start button to start the load test.

Screen Shot 2013-10-01 at 5.48.01 PM