summaryrefslogtreecommitdiffstats
path: root/devtools/client/shared/redux/middleware/xpcshell/test_middleware-task-02.js
blob: eaa573a8ae7bec18439ea8bd9c22230754171852 (plain)
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
82
83
84
85
86
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

/**
 * Tests that task middleware allows dispatching generators that dispatch
 * additional sync and async actions.
 */

const {
  createStore,
  applyMiddleware,
} = require("resource://devtools/client/shared/vendor/redux.js");
const {
  task,
} = require("resource://devtools/client/shared/redux/middleware/task.js");

add_task(async function () {
  const store = applyMiddleware(task)(createStore)(reducer);

  store.dispatch(comboAction());
  await waitUntilState(store, () => store.getState().length === 4);

  equal(
    store.getState()[0].type,
    "fetchAsync-start",
    "Async dispatched actions in a generator task are fired"
  );
  equal(
    store.getState()[1].type,
    "fetchAsync-end",
    "Async dispatched actions in a generator task are fired"
  );
  equal(
    store.getState()[2].type,
    "fetchSync",
    "Return values of yielded sync dispatched actions are correct"
  );
  equal(
    store.getState()[3].type,
    "fetch-done",
    "Return values of yielded async dispatched actions are correct"
  );
  equal(
    store.getState()[3].data.sync.data,
    "sync",
    "Return values of dispatched sync values are correct"
  );
  equal(
    store.getState()[3].data.async,
    "async",
    "Return values of dispatched async values are correct"
  );
});

function comboAction() {
  return async function ({ dispatch, getState }) {
    const data = {};
    data.async = await dispatch(fetchAsync("async"));
    data.sync = await dispatch(fetchSync("sync"));
    dispatch({ type: "fetch-done", data });
  };
}

function fetchSync(data) {
  return { type: "fetchSync", data };
}

function fetchAsync(data) {
  return async function ({ dispatch }) {
    dispatch({ type: "fetchAsync-start" });
    const val = await new Promise(resolve => resolve(data));
    dispatch({ type: "fetchAsync-end" });
    return val;
  };
}

function reducer(state = [], action) {
  info("Action called: " + action.type);
  if (/fetch/.test(action.type)) {
    state.push(action);
  }
  return [...state];
}