adding docs subtree

2026-07-13 15:28:32 +08:00 · 2019-02-25 13:12:18 -08:00
parent 1adcc07a61
commit 41dcf8731d
365 changed files with 10620 additions and 0 deletions
@@ -0,0 +1 @@
+<!doctype html><html><head><link rel="stylesheet" href="../../assets/step.css"></head><body class="ms-Fabric"><div id="markdownReadme"></div><div id="app">For this step, we look at unit testing. Run<pre>npm test</pre>in the command line.</div><script src="../../step2-05/demo/step2-05/demo.js"></script><script src="../../markdownReadme/markdownReadme.js"></script></body></html>
@@ -0,0 +1,6 @@
+import { reducer } from './reducers';
+import { createStore } from 'redux';
+
+const store = createStore(reducer);
+
+console.log(store.getState());
@@ -0,0 +1,20 @@
+import { Store } from '../store';
+import { addTodo, remove, complete, clear } from './pureFunctions';
+
+export function reducer(state: Store['todos'], payload: any): Store['todos'] {
+  switch (payload.type) {
+    case 'addTodo':
+      return addTodo(state, payload.id, payload.label);
+
+    case 'remove':
+      return remove(state, payload.id);
+
+    case 'complete':
+      return complete(state, payload.id);
+
+    case 'clear':
+      return clear(state);
+  }
+
+  return state;
+}
@@ -0,0 +1,17 @@
+import { addTodo } from './pureFunctions';
+import { Store } from '../store';
+
+describe('TodoApp reducers', () => {
+  it('can add an item', () => {
+    const state = <Store['todos']>{};
+
+    const newState = addTodo(state, '0', 'item1');
+
+    const keys = Object.keys(newState);
+
+    expect(newState).not.toBe(state);
+    expect(keys.length).toBe(1);
+    expect(newState[keys[0]].label).toBe('item1');
+    expect(newState[keys[0]].completed).toBeFalsy();
+  });
+});
@@ -0,0 +1,32 @@
+import { Store, FilterTypes } from '../store';
+
+export function addTodo(state: Store['todos'], id: string, label: string): Store['todos'] {
+  return { ...state, [id]: { label, completed: false } };
+}
+
+export function remove(state: Store['todos'], id: string) {
+  const newTodos = { ...state };
+
+  delete newTodos[id];
+
+  return newTodos;
+}
+
+export function complete(state: Store['todos'], id: string) {
+  const newTodos = { ...state };
+  newTodos[id].completed = !newTodos[id].completed;
+
+  return newTodos;
+}
+
+export function clear(state: Store['todos']) {
+  const newTodos = { ...state };
+
+  Object.keys(state.todos).forEach(key => {
+    if (state.todos[key].completed) {
+      delete newTodos[key];
+    }
+  });
+
+  return newTodos;
+}
@@ -0,0 +1,14 @@
+export type FilterTypes = 'all' | 'active' | 'completed';
+
+export interface TodoItem {
+  label: string;
+  completed: boolean;
+}
+
+export interface Store {
+  todos: {
+    [id: string]: TodoItem;
+  };
+
+  filter: FilterTypes;
+}
				`@@ -0,0 +1 @@`
				`<!doctype html><html><head><link rel="stylesheet" href="../../assets/step.css"></head><body class="ms-Fabric"><div id="markdownReadme"></div><div id="app">For this step, we look at unit testing. Run<pre>npm test</pre>in the command line.</div><script src="../../step2-05/demo/step2-05/demo.js"></script><script src="../../markdownReadme/markdownReadme.js"></script></body></html>`