diff --git a/spec/javascripts/stimulus/toggle_controller_test.js b/spec/javascripts/stimulus/toggle_controller_test.js
new file mode 100644
index 0000000000..7dcd527e16
--- /dev/null
+++ b/spec/javascripts/stimulus/toggle_controller_test.js
@@ -0,0 +1,32 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { Application } from "stimulus";
+import toggle_controller from "../../../app/webpacker/controllers/toggle_controller";
+
+describe("ToggleController", () => {
+  describe("#toggle", () => {
+    beforeEach(() => {
+      document.body.innerHTML = `<div data-controller="toggle">
+        <span id="button" data-action="click->toggle#toggle" data-toggle-show="true" />
+        <div id="content" data-toggle-target="content" >
+          content
+        </div>
+      </div>`;
+
+      const application = Application.start();
+      application.register("toggle", toggle_controller);
+    });
+
+    it("toggle the content", () => {
+      const button = document.getElementById("button");
+      const content = document.getElementById("content");
+      expect(content.style.display).toBe("");
+
+      button.click();
+
+      expect(content.style.display).toBe("block");
+    });
+  });
+});