1 files changed, 107 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/node/components/warning-group.test.js b/devtools/client/webconsole/test/node/components/warning-group.test.js
new file mode 100644
index 0000000000..12d1615d6c
--- /dev/null
+++ b/devtools/client/webconsole/test/node/components/warning-group.test.js
@@ -0,0 +1,107 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+"use strict";
+
+// Test utils.
+const expect = require("expect");
+const { render } = require("enzyme");
+
+// Components under test.
+const WarningGroup = require("resource://devtools/client/webconsole/components/Output/message-types/WarningGroup.js");
+const {
+  MESSAGE_SOURCE,
+  MESSAGE_TYPE,
+} = require("resource://devtools/client/webconsole/constants.js");
+const {
+  ConsoleMessage,
+} = require("resource://devtools/client/webconsole/types.js");
+const {
+  createWarningGroupMessage,
+} = require("resource://devtools/client/webconsole/utils/messages.js");
+
+// Test fakes.
+const {
+  stubPreparedMessages,
+} = require("resource://devtools/client/webconsole/test/node/fixtures/stubs/index.js");
+const serviceContainer = require("resource://devtools/client/webconsole/test/node/fixtures/serviceContainer.js");
+const mockMessage = ConsoleMessage({
+  messageText: "this is a warning group",
+  source: MESSAGE_SOURCE.CONSOLE_FRONTEND,
+  timeStamp: Date.now(),
+});
+
+describe("WarningGroup component:", () => {
+  it("renders", () => {
+    const wrapper = render(
+      WarningGroup({
+        message: mockMessage,
+        serviceContainer,
+        timestampsVisible: true,
+        badge: 42,
+      })
+    );
+
+    const {
+      timestampString,
+    } = require("resource://devtools/client/webconsole/utils/l10n.js");
+    expect(wrapper.find(".timestamp").text()).toBe(
+      timestampString(mockMessage.timeStamp)
+    );
+    expect(wrapper.find(".message-body").text()).toBe(
+      "this is a warning group 42"
+    );
+    expect(wrapper.find(".arrow[aria-expanded=false]")).toExist();
+  });
+
+  it("does have an expanded arrow when `open` prop is true", () => {
+    const wrapper = render(
+      WarningGroup({
+        message: mockMessage,
+        serviceContainer,
+        open: true,
+      })
+    );
+
+    expect(wrapper.find(".arrow[aria-expanded=true]")).toExist();
+  });
+
+  it("does not have a timestamp when timestampsVisible prop is falsy", () => {
+    const wrapper = render(
+      WarningGroup({
+        message: mockMessage,
+        serviceContainer,
+        timestampsVisible: false,
+      })
+    );
+
+    expect(wrapper.find(".timestamp").length).toBe(0);
+  });
+
+  it("renders Content Blocking Group message", () => {
+    const firstMessage = stubPreparedMessages.get(
+      "ReferenceError: asdf is not defined"
+    );
+    firstMessage.messageText =
+      "The resource at “https://evil.com” was blocked.";
+    firstMessage.category = "cookieBlockedPermission";
+    const type = MESSAGE_TYPE.CONTENT_BLOCKING_GROUP;
+    const message = createWarningGroupMessage(
+      `${firstMessage.type}-${firstMessage.innerWindowID}`,
+      type,
+      firstMessage
+    );
+
+    const wrapper = render(
+      WarningGroup({
+        message,
+        serviceContainer,
+        badge: 24,
+      })
+    );
+
+    expect(wrapper.find(".message-body").text()).toBe(
+      "The resource at “<URL>” was blocked. 24"
+    );
+    expect(wrapper.find(".arrow[aria-expanded=false]")).toExist();
+  });
+});