generated from tophat/new-project-kit
-
Notifications
You must be signed in to change notification settings - Fork 1
/
good.test.js
81 lines (69 loc) · 2.83 KB
/
good.test.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
import configureStore from './configureStore'
import { addTodo, selectTodos, toggleTodo } from './duck'
/*
* These tests all test the ENTIRE duck. Actions are dispatched to the store,
* and assertions are made on the return values of selectors. There's no
* mocking of state required. We test the entire action->reducer->selector
* contract. We avoid testing implementation details. Our tests are easy to
* write, descriptive, resilient to refactoring, and give us confidence that
* everything in our duck works end-to-end. These tests treat the actions and
* selectors as a "public interface" to the duck, and only conduct tests using
* that public interface. The test operate on REAL state, the exact state
* that your app will be using in production, not some mock state that
* you've encoded into the test.
*/
describe('Todos duck', () => {
let store
beforeEach(() => {
store = configureStore()
})
it('adds a todo', () => {
store.dispatch(addTodo('Buy milk'))
const todos = selectTodos(store.getState())
expect(todos).toEqual([{ text: 'Buy milk', completed: false }])
})
it('adds todos to an existing list', () => {
store.dispatch(addTodo('Buy milk'))
store.dispatch(addTodo('Walk the dog'))
const todos = selectTodos(store.getState())
expect(todos).toEqual([
{ text: 'Buy milk', completed: false },
{ text: 'Walk the dog', completed: false },
])
})
it('toggles a todo', () => {
store.dispatch(addTodo('Buy milk'))
store.dispatch(toggleTodo(0))
expect(selectTodos(store.getState())).toEqual([
{ text: 'Buy milk', completed: true },
])
store.dispatch(toggleTodo(0))
expect(selectTodos(store.getState())).toEqual([
{ text: 'Buy milk', completed: false },
])
})
it('toggles todos in a list of many', () => {
store.dispatch(addTodo('Buy milk'))
store.dispatch(addTodo('Ride a donkey'))
store.dispatch(toggleTodo(1))
expect(selectTodos(store.getState())).toEqual([
{ text: 'Buy milk', completed: false },
{ text: 'Ride a donkey', completed: true },
])
store.dispatch(toggleTodo(0))
expect(selectTodos(store.getState())).toEqual([
{ text: 'Buy milk', completed: true },
{ text: 'Ride a donkey', completed: true },
])
store.dispatch(toggleTodo(1))
expect(selectTodos(store.getState())).toEqual([
{ text: 'Buy milk', completed: true },
{ text: 'Ride a donkey', completed: false },
])
store.dispatch(toggleTodo(0))
expect(selectTodos(store.getState())).toEqual([
{ text: 'Buy milk', completed: false },
{ text: 'Ride a donkey', completed: false },
])
})
})