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];
}
|
