Merge pull request #4699 from cloud-gov/chore-test-shared-buttonLink-…

…4672

chore: test @shared/ButtonLink.jsx #4672

frontend/shared/ButtonLink.jsx

@@ -9,12 +9,8 @@ const ButtonLink = ({ clickHandler, children, className = 'usa-button--outline'
 
 ButtonLink.propTypes = {
   clickHandler: PropTypes.func.isRequired,
-  children: PropTypes.node,
+  children: PropTypes.node.isRequired,
   className: PropTypes.string,
 };
 
-ButtonLink.defaultProps = {
-  children: null,
-};
-
 export default ButtonLink;

frontend/shared/ButtonLink.test.jsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+
+import ButtonLink from './ButtonLink';
+const clickHandler = jest.fn();
+
+describe('<ButtonLink />', () => {
+  it('renders children as expected', () => {
+    render(<ButtonLink clickHandler={clickHandler}>child text</ButtonLink>);
+    const buttonElement = screen.getByRole('button');
+    expect(buttonElement).toHaveTextContent('child text');
+  });
+
+  it('calls the clickHandler when clicked', () => {
+    render(<ButtonLink clickHandler={clickHandler}>Click Me</ButtonLink>);
+    const buttonElement = screen.getByText('Click Me');
+    fireEvent.click(buttonElement);
+    expect(clickHandler).toHaveBeenCalledTimes(1);
+  });
+
+  it('applies the className as expected', () => {
+    render(
+      <ButtonLink clickHandler={clickHandler} className="custom-class">
+        Class Button
+      </ButtonLink>,
+    );
+    const buttonElement = screen.getByText('Class Button');
+    expect(buttonElement).toHaveClass('usa-button custom-class');
+  });
+
+  it('defaults to usa-button--outline class if no className is provided', () => {
+    render(<ButtonLink clickHandler={clickHandler}>No Class</ButtonLink>);
+    const buttonElement = screen.getByText('No Class');
+    expect(buttonElement).toHaveClass('usa-button--outline');
+  });
+});