Complete Vue.js 2 Web Development_ Practical guide to building end-to-end web development solutions with Vue.js 2

(singke) #1
Using Vue Dev Tools and Testing Your SPA Chapter 12

An alternative to Nightwatch is Selenium (http:/​/​www.​seleniumhq.​org/​). Selenium has


the advantage of having a Firefox extension that allows you to visually create tests and


commands.


Testing, especially for big applications, is paramount – especially when deploying your


application to a development environment. Whether you choose unit testing or browser
automation, there is a host of articles and books available on the subject.


Summary


Till now, we created a mock shop. Using real data from Shopify CSV files, we created an
application that allowed products to be viewed individually. We also created a category


listing page that could be filtered and ordered, allowing the user to find specifically the


products they wanted. To complete the experience, we built an editable Basket, Checkout,
and Order Confirmation screen. In this chapter, we covered the use of the Vue dev tools,


followed by how to build tests.

Free download pdf