We are glad you chose to follow along with this deeper dive into the transaction recorder process. In this example we go through the process of capturing the user journey for a user adding to and modifying their shopping cart.

Capturing the shopping cart user journey

The following instructions take you through a detailed example of the transaction recording process starting at step 4 in the Downloading and using the Transaction Recorder lesson. We will also point out each step that generates a page transition that requires a server round trip. The number of transaction credits used is partially based on server round-trips (learn more).

  1. Start the Transaction Recorder and click the Start Recording button as described in Downloading and using the Transaction Recorder.
  2. Navigate to https://galacticshirts.com using the REC Start window.
    This is your first transition to a new page resulting in a server round trip (credits used = 1).
  3. Click to open the product detail page for the first shirt.
    The shirt may change, but there should always be a first shirt. In this case, the first shirt is the Suraya Bay T-Shirt.
    Clicking the link transitions to the product detail page making a round trip to the server using another credit (credits used = 2).

    Screenshot: The Galactic Shirts homepage

  4. Click the Size drop-down to select size "L" (see the figure below).
  5. Change the quantity to "2" (see the figure below).
    Changing the quantity by highlighting the "1" and typing "2" or clicking the up/down arrows doesn't matter; the recorder registers the click and the change in value only.

    Screenshot: Set user options followed by submit
  6. Click Add to cart.
    Clicking the Add to cart button generates a server round trip and a page refresh using another credit (credits used = 3).

    Screenshot: Item added confirmation screen
  7. Add a content check.
    Now is a good time to add a content check to make sure that our add to cart action worked properly (one of many content checks you should consider adding to your script). You can also add content checks later using the Step editor. To add a content check during the recording process:

    a)  Find the recorder window (often behind your browser window) and click + Add content check.

    Screenshot: Add content check button
    b)  In the pop up, we choose the part of the confirmation page that is unique to the page and least likely to change. In this case a good candidate is "added to your cart."

    Screenshot: Transaction recorded steps with add a content check pop-up

    c)  Click Save
    d)  Return to the recording window.
  8. Click "View Cart" to transition to the shopping cart view using another credit (credits used = 4).
  9. Change the quantity from "2" to "1."
  10.   Click Update cart.
    Update cart refreshes the page and generates a server round trip using one credit (credits used = 5).

    Screenshot: The updated shopping cart.
  11.   Add a content check to verify the page loaded correctly testing for the text "Cart updated."
  12.   Click the red "X" to remove the item from the shopping cart to finish our transaction.
    Removing the item from the cart generates a server round trip using one credit (total credits used = 6).
  13.   Add a content check for the phrase, "Your cart is currently empty."

You've reached the end of the shopping cart user journey recording process. You can expect your monitor to use six transaction credits, but other factors affect the final count (we get to that later). Now head back to the lesson Downloading and using the Transaction Recorder step 5 to finish the recording process.