Complete Hybrid Framework Implementation – Page Objects

In the previous section, we have built a thin slice and automated the login and logout and applied the concepts of page-object, data-driven and keyword-driven frameworks.

Now lets go ahead and complete the entire shopping cart experience here and build the page-objects connect them as per the behavior of the application.

It is assumed that you have read all the previous links in Hybrid/Page object section and you have a context of what we are doing here. If not, please go ahead and read the section once again.

By the way, the entire project code base is already ready for checkout. If you do not know how to use github, please download a zip at the bottom right corner on the github page..

Download HybridFramework CodeBase (And look into the folder cucumberjvm-selenium-page-object)

 

Agenda:

  1. Revisit the workflow once again
  2. Write page-objects for all pages in the workflow
  3. Write Cucumber features – current one building on top of the previous one [That means you can run any feature independently, however will also be able to connect the dots once you execute them all]
  4. Write Step Definitions
  5. Execute them
  6. Go treat yourself

Workflow:

workflow

SummerDresses Catalog Page:

summer_dresses_page

 

We also capture the pop up that appears after clicking add to cart on the “Printed Summer Dress

printed_summer_dress_page

pop_up_page

ShoppingCart Summary Page:

shpping_cart_summary_page

Address Page:

If you have a new account, then you will have more fields than what is shown on this page, however page-object has captured all just in case.

address_page

Shipping Page:

shipping_page

Payment Method Page:

payment_method_page

 

Order Summary Page:

order_summary_page

Order Confirmation Page:

order_confirmation_page