implab/implabjs-djx Files · djx/src/test/ts/state-tests.ts

added observable subject producer

cin - - Load All Authors

File last commit:

r124:fbe158a5752a default


                r125:cede47727a1b

v1.7.0 default

Download file

             state-tests.ts
        
                    27 lines
            
             | 558 B
            
                | video/mp2t
            
             |
                TypeScriptLexer
            
             / djx / src / test / ts / state-tests.ts
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      import { observe, stateful } from "./observable";

      import * as t from "tap";

      interface CounterState {

          count: number;

          label: "low" | "mid" | "high"

      }

      let set: (v: CounterState) => void = () => void (0);

      const initial: CounterState = { count: 0, label: "low" };

      let value = initial;

      const obs = observe(stateful<CounterState>(({ next }) => {

          next(initial);

          set = next;

      }));

      set({ count: 10, label: "mid" });

      obs.subscribe({

          next: v => value = v

      });

      t.equal(value.count, 10, "State should update");

      set({ count: 20, label: "high" });

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				import { observe, stateful } from "./observable";
				import * as t from "tap";

				interface CounterState {
				count: number;

				label: "low" \| "mid" \| "high"
				}

				let set: (v: CounterState) => void = () => void (0);
				const initial: CounterState = { count: 0, label: "low" };
				let value = initial;

				const obs = observe(stateful<CounterState>(({ next }) => {
				next(initial);
				set = next;
				}));

				set({ count: 10, label: "mid" });

				obs.subscribe({
				next: v => value = v
				});

				t.equal(value.count, 10, "State should update");

				set({ count: 20, label: "high" });