Project: test the shop

The task

This is the second project. You test the shop from the earlier lessons, from an empty file. The shop has a product list, a search box, a sort list, a cart with quantities, and totals with shipping. Orders over 50 dollars ship for free.

Do the steps by hand in the practice browser first, so that you know what the numbers should be. Then write a test, run it, and check your work.

What to use

You have the tools for a clean set of tests. Use them.

• A page object for the shop, with the steps open, addToCart, and openCart.
• A beforeEach hook that opens the shop and waits until the six products are there.
• Assertions that wait. After an action that sends a request, check its result before the next step. Never use a fixed wait.
• Exact values, such as toHaveText('$25.50'), so that a wrong total cannot pass.

Share the page object with the tests

A hook and a test do not share local variables. Make the page object in the hook and save it in a variable outside the hook, or ask for a fixture. The first way is shorter for a file of this size. The second way is better in a big project, because each test gets its own object, and you do not need a shared variable.

A last check

When all seven tasks pass, read your file once more as if you were a new colleague. Does each test name tell what the shop must do? Is the checking in the tests, and the clicking in the page object? A set of tests is a document that other people read.