Web Test Automation Workbook #46: Create Client Invoice

Inline-Edit Testing

This article is one of the “Web Test Automation Workbook” series, a set of bite-size exercises.

Note: previous sessions (30+) are still not written down yet (from coaching sessions), I published the recent ones in case some more experienced testers want to give a go.
This is a also a show case that two 100% laymen can achieve after 45 fiveteen- minute sessions.

Table of Contents:
· Test Case #46
  ∘ Test data
· Goals
· Tasks
  ∘ Task 1. (Review) Select billing items on the Invoice Creation
  ∘ Task 2. Inline Editing
  ∘ Task 3. (Review) Get yesterday’s date in a formatted string
· Full Test Script

Test Case #46

Test data

• Site URL: https://whenwise.agileway.net
• Login (business): physio@biz.com (password: test01 )
• Select any client (clicks Clients nav on the left to find a client, such as ‘Bruce Lee’)
• On the “Determine Fee” modal, type a character such as s to get a list of matching services. Select one billing item to add. Then click the ‘Create Invoice’ button.
• On the invoice page, click the invoice date (dot underline) to edit it
  (this is known as “inline-editing”)

Goals

• Test inline editing
• Review: live search (search as typing)
• Review: clear a text field
• Review: send special keys, e.g. Enter
• Review: get yesterday’s date in a formatted string (dynamic date)

Tasks

This test case might appear a little complex, but actually not, as it is quite easy to understand and follow.

Task 1. (Review) Select billing items on the Invoice Creation

This is a common feature in eBusiness-type apps.

You should have all the knowledge to work on it. Just do the minimum to get an invoice created. (we will do a more complex billing item management in the next exercises)