Testing Angular services
Let's first create a Todo.ts model class that represents the Todo item. The following code snippet shows the content of the Todo class:
export class Todo {
title: string;
completed: boolean;
constructor(title: string) {
this.title = title;
this.completed = false;
}
set isCompleted(value: boolean) {
this.completed = value;
}
} Next, create a service todo.service.ts that constructs the list of Todo items in the constructor. The complete code of todo.service.ts is as shown:
import { Todo } from './todo'
export class TodoService {
todos: Array<Todo>
constructor() {
this.todos = [new Todo('First item'),
new Todo('Second item'),
new Todo('Third item')];
}
getPending() {
return this.todos.filter((todo: Todo) => todo.completed ===
false);
}
getCompleted() {
return this.todos.filter((todo: Todo) => todo.completed ===
...