added on click test-case for ImageWithCollapse.test

components/fragment_renderer/fragment_components/ImageWithCollapse.test.js

@@ -3,6 +3,7 @@ import { render, screen } from "@testing-library/react";
 import ImageWithCollapse from "./ImageWithCollapse";
 import { Default } from "./ImageWithCollapse.stories.js";
 import { axe, toHaveNoViolations } from "jest-axe";
+import { userEvent } from "../../../node_modules/@storybook/test/dist/index";
 
 expect.extend(toHaveNoViolations);
 
@@ -13,6 +14,16 @@ describe("ImageWithCollapse", () => {
     expect(
       screen.getByText((content) => content.startsWith("Example Title"))
     ).toBeInTheDocument();
+    const results = await axe(container);
+    expect(results).toHaveNoViolations();
+  });
+
+  test("on click renders Collapse component with default props", async () => {
+    const { container } = render(<ImageWithCollapse {...Default.args} />);
+    const collapse = screen.getByText((content) =>
+      content.startsWith("Example Title")
+    );
+    userEvent.click(collapse);
     expect(
       screen.getByText((content) => content.startsWith("Every"))
     ).toBeInTheDocument();