Adding new features

Let's take a test-driven approach to adding new features to our application. We'll need a way to add new items to our todo list, so let's start by writing our tests first. Inside TodoList.spec.js, we'll add another it assertion that should add an item to our todo list:

it('should add an item to the todo list', () => {  const wrapper = mount(TodoList);  const todos = wrapper.vm.todos;  const newTodos = wrapper.vm.addTodo('Go to work');  expect(todos.length).toBeLessThan(newTodos.length);});

If we run our tests right now, we'll get a failing test this is expected!:

Let's do the minimum possible to fix our error. We can add a ...

Get Vue.js 2 Design Patterns and Best Practices now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.