1 files changed, 119 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/node/store/ui.test.js b/devtools/client/webconsole/test/node/store/ui.test.js
new file mode 100644
index 0000000000..2786fb9a0f
--- /dev/null
+++ b/devtools/client/webconsole/test/node/store/ui.test.js
@@ -0,0 +1,119 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+const expect = require("expect");
+
+const actions = require("resource://devtools/client/webconsole/actions/index.js");
+const {
+  setupStore,
+  getFirstMessage,
+  getLastMessage,
+} = require("resource://devtools/client/webconsole/test/node/helpers.js");
+const {
+  stubPackets,
+  stubPreparedMessages,
+} = require("resource://devtools/client/webconsole/test/node/fixtures/stubs/index.js");
+
+describe("Testing UI", () => {
+  let store;
+
+  beforeEach(() => {
+    store = setupStore();
+  });
+
+  describe("Toggle sidebar", () => {
+    it("sidebar is toggled on and off", () => {
+      const packet = stubPackets.get("inspect({a: 1})");
+      const message = stubPreparedMessages.get("inspect({a: 1})");
+      store.dispatch(actions.messagesAdd([packet]));
+
+      const { actorID } = message.parameters[0];
+      const messageId = getFirstMessage(store.getState()).id;
+      store.dispatch(actions.showMessageObjectInSidebar(actorID, messageId));
+
+      expect(store.getState().ui.sidebarVisible).toEqual(true);
+      store.dispatch(actions.sidebarClose());
+      expect(store.getState().ui.sidebarVisible).toEqual(false);
+    });
+  });
+
+  describe("Hide sidebar on clear", () => {
+    it("sidebar is hidden on clear", () => {
+      const packet = stubPackets.get("inspect({a: 1})");
+      const message = stubPreparedMessages.get("inspect({a: 1})");
+      store.dispatch(actions.messagesAdd([packet]));
+
+      const { actorID } = message.parameters[0];
+      const messageId = getFirstMessage(store.getState()).id;
+      store.dispatch(actions.showMessageObjectInSidebar(actorID, messageId));
+
+      expect(store.getState().ui.sidebarVisible).toEqual(true);
+      store.dispatch(actions.messagesClear());
+      expect(store.getState().ui.sidebarVisible).toEqual(false);
+      store.dispatch(actions.messagesClear());
+      expect(store.getState().ui.sidebarVisible).toEqual(false);
+    });
+  });
+
+  describe("Show object in sidebar", () => {
+    it("sidebar is shown with correct object", () => {
+      const packet = stubPackets.get("inspect({a: 1})");
+      const message = stubPreparedMessages.get("inspect({a: 1})");
+      store.dispatch(actions.messagesAdd([packet]));
+
+      const { actorID } = message.parameters[0];
+      const messageId = getFirstMessage(store.getState()).id;
+      store.dispatch(actions.showMessageObjectInSidebar(actorID, messageId));
+
+      expect(store.getState().ui.sidebarVisible).toEqual(true);
+      expect(store.getState().ui.frontInSidebar).toEqual(message.parameters[0]);
+    });
+
+    it("sidebar is not updated for the same object", () => {
+      const packet = stubPackets.get("inspect({a: 1})");
+      const message = stubPreparedMessages.get("inspect({a: 1})");
+      store.dispatch(actions.messagesAdd([packet]));
+
+      const { actorID } = message.parameters[0];
+      const messageId = getFirstMessage(store.getState()).id;
+      store.dispatch(actions.showMessageObjectInSidebar(actorID, messageId));
+
+      expect(store.getState().ui.sidebarVisible).toEqual(true);
+      expect(store.getState().ui.frontInSidebar).toEqual(message.parameters[0]);
+      const state = store.getState().ui;
+
+      store.dispatch(actions.showMessageObjectInSidebar(actorID, messageId));
+      expect(store.getState().ui).toEqual(state);
+    });
+
+    it("sidebar shown and updated for new object", () => {
+      const packet = stubPackets.get("inspect({a: 1})");
+      const message = stubPreparedMessages.get("inspect({a: 1})");
+      store.dispatch(actions.messagesAdd([packet]));
+
+      const { actorID } = message.parameters[0];
+      const messageId = getFirstMessage(store.getState()).id;
+      store.dispatch(actions.showMessageObjectInSidebar(actorID, messageId));
+
+      expect(store.getState().ui.sidebarVisible).toEqual(true);
+      expect(store.getState().ui.frontInSidebar).toEqual(message.parameters[0]);
+
+      const newPacket = stubPackets.get("new Date(0)");
+      const newMessage = stubPreparedMessages.get("new Date(0)");
+      store.dispatch(actions.messagesAdd([newPacket]));
+
+      const newActorID = newMessage.parameters[0].actorID;
+      const newMessageId = getLastMessage(store.getState()).id;
+      store.dispatch(
+        actions.showMessageObjectInSidebar(newActorID, newMessageId)
+      );
+
+      expect(store.getState().ui.sidebarVisible).toEqual(true);
+      expect(store.getState().ui.frontInSidebar).toEqual(
+        newMessage.parameters[0]
+      );
+    });
+  });
+});