[terra-hyperlink] Added missing data attribute for type default varia…

…nt (#4104)

packages/terra-hyperlink/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Fixed
+  * Added missing data attribute for default variant.
+
 ## 2.70.0 - (May 8, 2024)
 
 * Changed

packages/terra-hyperlink/src/Hyperlink.jsx

@@ -243,6 +243,7 @@ class Hyperlink extends React.Component {
           role="link"
           type="button"
           ref={this.linkRef}
+          data-focus-styles-enabled
         >
           <span className={cx('button-inner')}>
             <span className={cx('inner-text')}>

packages/terra-hyperlink/tests/jest/Hyperlink.test.jsx

@@ -55,11 +55,18 @@ describe('Hyperlink', () => {
     expect(wrapper).toMatchSnapshot();
   });
 
-  it('should render a hyperlink button when oonClick is provided', () => {
+  it('should render a hyperlink button when onClick is provided', () => {
     const wrapper = enzymeIntl.renderWithIntl(<Hyperlink text="Default hyperlink button" onClick={() => {}} />);
     expect(wrapper).toMatchSnapshot();
   });
 
+  it('should render a default hyperlink button with data styling attribute', () => {
+    const wrapper = enzymeIntl.renderWithIntl(<Hyperlink text="Default hyperlink button" onClick={() => {}} />);
+    expect(wrapper.find('data-focus-styles-enabled')).toBeDefined();
+    expect(wrapper.prop('data-focus-styles-enabled')).toEqual('true');
+    expect(wrapper).toMatchSnapshot();
+  });
+
   it('correctly applies the theme context className', () => {
     const wrapper = enzymeIntl.mountWithIntl(
       <ThemeContextProvider theme={{ className: 'orion-fusion-theme' }}>

packages/terra-hyperlink/tests/jest/__snapshots__/Hyperlink.test.jsx.snap

@@ -143,6 +143,25 @@ exports[`Hyperlink should render a default hyperlink 1`] = `
 </a>
 `;
 
+exports[`Hyperlink should render a default hyperlink button with data styling attribute 1`] = `
+<button
+  class="button-reset hyperlink default"
+  data-focus-styles-enabled="true"
+  role="link"
+  type="button"
+>
+  <span
+    class="button-inner"
+  >
+    <span
+      class="inner-text"
+    >
+      Default hyperlink button
+    </span>
+  </span>
+</button>
+`;
+
 exports[`Hyperlink should render a disabled hyperlink 1`] = `
 <a
   aria-disabled="true"
@@ -229,9 +248,10 @@ exports[`Hyperlink should render a external hyperlink 1`] = `
 </a>
 `;
 
-exports[`Hyperlink should render a hyperlink button when oonClick is provided 1`] = `
+exports[`Hyperlink should render a hyperlink button when onClick is provided 1`] = `
 <button
   class="button-reset hyperlink default"
+  data-focus-styles-enabled="true"
   role="link"
   type="button"
 >