it("cleans messagesUiById on PRIVATE_MESSAGES_CLEAR action", () => {
const { dispatch, getState } = setupStore();
dispatch(actions.messagesAdd([
getPrivatePacket("console.trace()"),
stubPackets.get("console.trace()"),
]));
let state = getState();
expect(getAllMessagesUiById(state).length).toBe(2);
dispatch(actions.privateMessagesClear());
state = getState();
expect(getAllMessagesUiById(state).length).toBe(1);
});
function mapStateToProps(state, props) {
return {
initialized: state.ui.initialized,
pausedExecutionPoint: getPausedExecutionPoint(state),
messages: getAllMessagesById(state),
visibleMessages: getVisibleMessages(state),
messagesUi: getAllMessagesUiById(state),
messagesTableData: getAllMessagesTableDataById(state),
messagesRepeat: getAllRepeatById(state),
networkMessagesUpdate: getAllNetworkMessagesUpdateById(state),
timestampsVisible: state.ui.timestampsVisible,
networkMessageActiveTabId: state.ui.networkMessageActiveTabId,
};
}
function mapStateToProps(state, props) {
return {
initialized: state.ui.initialized,
pausedExecutionPoint: getPausedExecutionPoint(state),
messages: getAllMessagesById(state),
visibleMessages: getVisibleMessages(state),
messagesUi: getAllMessagesUiById(state),
messagesTableData: getAllMessagesTableDataById(state),
messagesRepeat: getAllRepeatById(state),
warningGroups: getAllWarningGroupsById(state),
isInWarningGroup: state.prefs.groupWarnings
? message => isMessageInWarningGroup(state, message)
: null,
networkMessagesUpdate: getAllNetworkMessagesUpdateById(state),
timestampsVisible: state.ui.timestampsVisible,
networkMessageActiveTabId: state.ui.networkMessageActiveTabId,
};
}
function netProviderEnhancer(state, action) {
const proxy = webConsoleUI ? webConsoleUI.proxy : null;
if (!proxy) {
return reducer(state, action);
}
const actions = {
updateRequest: (id, data, batch) => {
proxy.dispatchRequestUpdate(id, data);
},
};
// Data provider implements async logic for fetching
// data from the backend. It's created the first
// time it's needed.
if (!dataProvider && proxy.webConsoleClient) {
dataProvider = new DataProvider({
actions,
webConsoleClient: proxy.webConsoleClient,
});
// /!\ This is terrible, but it allows ResponsePanel to be able to call
// `dataProvider.requestData` to fetch response content lazily.
// `proxy.networkDataProvider` is put by WebConsoleOutputWrapper on
// `serviceContainer` which allow NetworkEventMessage to expose requestData on
// the fake `connector` object it hands over to ResponsePanel.
proxy.networkDataProvider = dataProvider;
}
const type = action.type;
const newState = reducer(state, action);
// If network message has been opened, fetch all HTTP details
// from the backend. It can happen (especially in test) that
// the message is opened before all network event updates are
// received. The rest of updates will be handled below, see:
// NETWORK_MESSAGE_UPDATE action handler.
if (type == MESSAGE_OPEN) {
const updates = getAllNetworkMessagesUpdateById(newState);
const message = updates[action.id];
if (message && !message.openedOnce && message.source == "network") {
dataProvider.onNetworkEvent(message);
message.updates.forEach(updateType => {
dataProvider.onNetworkEventUpdate({
packet: { updateType: updateType },
networkInfo: message,
});
});
}
}
// Process all incoming HTTP details packets. Note that
// Network event update packets are sent in batches from:
// `WebConsoleOutputWrapper.dispatchMessageUpdate` using
// NETWORK_MESSAGE_UPDATE action.
// Make sure to call `dataProvider.onNetworkEventUpdate`
// to fetch data from the backend.
if (type == NETWORK_MESSAGE_UPDATE) {
const actor = action.response.networkInfo.actor;
const open = getAllMessagesUiById(state).includes(actor);
if (open) {
const message = getMessage(state, actor);
message.updates.forEach(updateType => {
dataProvider.onNetworkEventUpdate({
packet: { updateType },
networkInfo: message,
});
});
}
}
return newState;
}