From 79ad1031b7fdba4bc0a19782625c67a17e9963c5 Mon Sep 17 00:00:00 2001
From: Sugan G <Sugan.G@cerner.com>
Date: Wed, 21 Feb 2024 16:41:52 +0530
Subject: [PATCH] added jest test, example

---
 .../StickyTitleSectionHeader.test.jsx         | 29 +++++++++++++++++++
 .../tests/jest/SectionHeader.test.jsx         | 13 +++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 packages/terra-core-docs/src/terra-dev-site/test/section-header/StickyTitleSectionHeader.test.jsx

diff --git a/packages/terra-core-docs/src/terra-dev-site/test/section-header/StickyTitleSectionHeader.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/section-header/StickyTitleSectionHeader.test.jsx
new file mode 100644
index 00000000000..d4c2bd5ebdb
--- /dev/null
+++ b/packages/terra-core-docs/src/terra-dev-site/test/section-header/StickyTitleSectionHeader.test.jsx
@@ -0,0 +1,29 @@
+/* eslint-disable react/forbid-dom-props */
+import React from 'react';
+import SectionHeader from 'terra-section-header';
+
+export default () => (
+  <div style={{
+    width: '400px', height: '200px', background: 'gray', margin: '10px', overflow: 'scroll',
+  }}
+  >
+    <div style={{ width: '600px', height: '400px' }}>
+      <SectionHeader
+        text="Closed Section Header 1"
+        isTitleSticky
+        onClick={() => {}}
+      />
+      <br />
+      <SectionHeader
+        text="Closed Section Header 2"
+        isTitleSticky
+        onClick={() => {}}
+      />
+      <br />
+      <SectionHeader
+        text="Section Header 3"
+        isTitleSticky
+      />
+    </div>
+  </div>
+);
diff --git a/packages/terra-section-header/tests/jest/SectionHeader.test.jsx b/packages/terra-section-header/tests/jest/SectionHeader.test.jsx
index c7ba3c08d52..efe14e315be 100644
--- a/packages/terra-section-header/tests/jest/SectionHeader.test.jsx
+++ b/packages/terra-section-header/tests/jest/SectionHeader.test.jsx
@@ -147,4 +147,17 @@ describe('SectionHeader', () => {
     const sectionHeader = wrapper.find('.arrange-wrapper.title-fixed').at(0);
     expect(sectionHeader).toHaveLength(1);
   });
+
+  it('verifies that section header with a sticky title has appropriate classes', () => {
+    const wrapper = enzyme.shallow(
+      <SectionHeader
+        text="foo"
+        level={2}
+        isTitleSticky
+      />,
+    );
+
+    const sectionHeader = wrapper.find('.arrange-wrapper.title-sticky').at(0);
+    expect(sectionHeader).toHaveLength(1);
+  });
 });