fix:CTA test

package.json

@@ -23,7 +23,7 @@
     "focus-trap-react": "^10.1.1",
     "git-conventional-commits": "^2.6.3",
     "identity-obj-proxy": "^3.0.0",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-app-polyfill": "^3.0.0",
     "react-bootstrap": "^2.7.4",
@@ -147,4 +147,4 @@
     "web-vitals": "^1.1.2",
     "webpack": "^5.76.0"
   }
-}
+}

src/components/CTA/CTA.test.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Default, WithoutLink } from "./CTA.stories";
+import "@testing-library/jest-dom/extend-expect";
+import { axe, toHaveNoViolations } from "jest-axe";
+import { render, screen } from "@testing-library/react";
+
+expect.extend(toHaveNoViolations);
+
+describe("CTA", () => {
+  it("renders and formats the date properly", () => {
+    render(<Default {...Default.args} />);
+    screen.getByText("Action Button");
+  });
+
+  it("renders and formats the date properly", () => {
+    render(<WithoutLink {...WithoutLink.args} />);
+    screen.getByText("This is a call-to-action!");
+  });
+
+  // it("has no a11y violations", async () => {
+  //   const { container } = render(<Default {...Default.args} />);
+  //   const results = await axe(container);
+
+  //   expect(results).toHaveNoViolations();
+  // });
+});

src/components/CTA/CTA.tsx

@@ -3,12 +3,13 @@ import { Image } from "../Image/Image";
 import commentBubble from "../../assets/comment_bubble.svg";
 import { Button } from "../Button/Button";
 import { Link } from "../Link/Link";
+import PropTypes from "prop-types";
 
 export interface ICTAProps {
   heading: string;
   body: string;
-  ButtonProps: typeof Button.propTypes;
-  LinkProps?: typeof Link.propTypes;
+  ButtonProps: PropTypes.InferProps<typeof Button.propTypes>;
+  LinkProps?: PropTypes.InferProps<typeof Link.propTypes>;
   containerClass?: string;
 }