Testing your application state and methods

In this recipe, we will write a unit test to touch and check the state of our Vue instance directly. The advantage of testing the state of our components instead of looking for something in our web page is that we don't have to wait for the DOM to be updated and that, even if something changes in the HTML layout, the state changes much more slowly, reducing the amount of maintenance required for our tests.

Getting ready

Before trying this recipe, you should complete Adding some Karma to your workflow as we will describe how to write the test but we won't mention much about the setup of the testing environment.

How to do it...

Let's suppose that we have an application that greets you with Hello World!, but it also has a button to translate the greeting to Italian, as Ciao Mondo!. For this, you need to create a new npm project in a new folder. There, you can install the dependencies required for this recipe with the following command:

npm install --save...