1 files changed, 42 insertions, 0 deletions
diff --git a/devtools/client/debugger/src/components/test/ShortcutsModal.spec.js b/devtools/client/debugger/src/components/test/ShortcutsModal.spec.js
new file mode 100644
index 0000000000..2e1b9bd45d
--- /dev/null
+++ b/devtools/client/debugger/src/components/test/ShortcutsModal.spec.js
@@ -0,0 +1,42 @@
+/* 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/>. */
+
+import React from "react";
+import { shallow } from "enzyme";
+import { ShortcutsModal } from "../ShortcutsModal";
+
+function render(overrides = {}) {
+  const props = {
+    enabled: true,
+    handleClose: jest.fn(),
+    additionalClass: "",
+    ...overrides,
+  };
+  const component = shallow(<ShortcutsModal {...props} />);
+
+  return { component, props };
+}
+
+describe("ShortcutsModal", () => {
+  it("renders when enabled", () => {
+    const { component } = render();
+    expect(component).toMatchSnapshot();
+  });
+
+  it("renders nothing when not enabled", () => {
+    const { component } = render({
+      enabled: false,
+    });
+    expect(component.text()).toBe("");
+  });
+
+  it("renders with additional classname", () => {
+    const { component } = render({
+      additionalClass: "additional-class",
+    });
+    expect(
+      component.find(".shortcuts-content").hasClass("additional-class")
+    ).toEqual(true);
+  });
+});