|Notice of obsolescence|
A Web Transaction test is a kind of page load test, where agents running the tests attempt to load a web page in a real browser, then interact with that page using a predefined script, written in Selenium. When you create any Web Transaction test, you get access to the Transactions View. The Transactions View leverages the ThousandEyes standard layout.
This article highlights specifics shown in the Web Transactions view.
The example below is based on the following script:
|1.||Open LSE homepage||open||/|
|2.||Enter "aapl" into search input box||typeKeys||xpath=//input[@id="head_solr_search_input"]||aapl|
|3.||Wait for the autosuggestion||waitForCondition||selenium.isElementPresent('xpath=//li[@class="ui-menu-item"]/a/div/span[text()="Aapl"]')|
|4.||Click the autosuggestion||click||xpath=//li[@class="ui-menu-item"]/a/div/span[text()="Aapl"]|
The screenshot below shows the result of a regionally distributed Web Transaction test to https://www.londonstockexchange.com/, searching for "AAPL" stock symbol and verifying that the resulting page loads.
Figure 1: Example transactions view
Transaction tests offer a single View, the Transactions View. Below are the view-specific options.
A given metric display changes, depending on whether an Agent location is selected.
- With no Agent selected: average percentage of total steps completed successfully.
- With an Agent selected: percentage of steps completed successfully by that Agent. Each line of the transaction is numbered, starting from 0 (opening the starting page).
- Transaction Time
- With no Agent selected: average time for transaction completion - only locations where the transaction completes successfully are used in this calculation.
- With an Agent selected: the time required to complete the transaction, if completed successfully.
The View Script link displays the steps of the script. The contents of the Value field are not shown if they contain text, which could represent passwords or other sensitive information. Those fields will instead display asterisks (******).
Figure 2: View script popup
Unlike other views, this section is pretty static. It includes the completion percentage and transaction time. As with other views, the data is either calculated using global averages, or from a single Agent location, depending on whether or not an Agent is selected.
Map tab of Transaction view with no location selected
Map tab of Transaction view with location selected
The Table tab of a Transaction View displays a list of Agents, the date of the measurement in the user's chosen time zone, the completion of the test (percentage, number of steps complete out of total steps), and the transaction time for those steps.
Figure 5: Table view of results
The Timing tab of a Transaction View has two histogram graphics. The histogram on the left half of the page lists each transaction step by name and the time for each step. The histogram on the right half of the page lists each page by URL and the time for each page. Mouse over a histogram bar to display the timing information in a tooltip. Click on a histogram bar to switch to the Waterfall tab with the relevant page's waterfall displayed. Or click on a step or page name to make the switch to the Waterfall tab.
Figure 6: Timing tab
The Waterfall tab displays listings of objects loaded on each page and data associated with the loading of each object, along with data on the loading of the total page, for each page loaded. The itemized view and the list below describe the features on this tab.
Figure 7: Waterfall tab
- Page info: The page title is shown, along with the URL of the page accessed.
- Page number banner: To change the context of the waterfall to show a single page, click the page number in the banner. The size of the block for each page is proportional to the fraction of time spent on that page, relative to the total transaction time.
- Page boundaries: Along with #4, change the bounds to select the pages shown in the waterfall. Pull the left boundary to the right, and the right boundary to the left.
- See #3 above. In the example above, we're showing all four pages worth of data.
- Navigation buttons: Use the Left, Right and "Show All" buttons to change the context of what is being shown. For example, where a single page is selected, the left and right buttons will change the selection to the previous and next page (respectively) in the transaction.
By default, the transaction will show each page visited starting with the start step and ending with the end step, as defined in the transaction script. If a single page is selected, that page's DOM and Page Load times will be shown as normal using the red and blue vertical bars transiting the waterfall. If the content being shown has multiple pages, the DOM and Page Load times will not be shown.
Seeing it all in action
Ready for a more interactive approach? The screenshots included in this article were created from the transaction data contained in a public share link available at the following URL: https://pmttyk.share.thousandeyes.com.