test(plugin-image-button-response): enable_button_after. Failed without the css selector fix.

Author: farhat60

packages/plugin-image-button-response/src/index.spec.ts

@@ -159,6 +159,34 @@ describe("image-button-response", () => {
       expect(btns[i].hasAttribute("disabled")).toBe(false);
     }
   });
+
+  test("buttons should be disabled and re-enabled with enable_button_after parameter", async () => {
+    const { displayElement } = await startTimeline([
+      {
+        type: imageButtonResponse,
+        stimulus: "../media/blue.png",
+        choices: ["Choice A", "Choice B"],
+        enable_button_after: 1000,
+        render_on_canvas: false,
+      },
+    ]);
+
+    const buttons = displayElement.querySelectorAll("button");
+
+    // All buttons should be disabled initially
+    buttons.forEach((button) => {
+      expect(button.hasAttribute("disabled")).toBe(true);
+      expect(button.getAttribute("disabled")).toBe("disabled");
+    });
+
+    // Advance time by 1000ms
+    jest.advanceTimersByTime(1000);
+
+    // All buttons should be enabled after the delay
+    buttons.forEach((button) => {
+      expect(button.hasAttribute("disabled")).toBe(false);
+    });
+  });
 });
 
 describe("image-button-response simulation", () => {
@@ -199,10 +227,7 @@ describe("image-button-response simulation", () => {
       },
     ];
 
-    const { expectFinished, expectRunning, getData } = await simulateTimeline(
-      timeline,
-      "visual"
-    );
+    const { expectFinished, expectRunning, getData } = await simulateTimeline(timeline, "visual");
 
     await expectRunning();