update tests for teraa-application-links

cerner · Apr 10, 2024 · 9ebce0b · 9ebce0b
1 parent 737eb4b
commit 9ebce0b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 9 deletions.
diff --git a/packages/terra-application-links/tests/jest/ApplicationTabs.test.jsx b/packages/terra-application-links/tests/jest/ApplicationTabs.test.jsx
@@ -4,16 +4,25 @@ import ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';
 import ApplicationTabs from '../../src/tabs/ApplicationTabs';
 import testLinkConfig from './testLinkConfig';
 import testLinksWithIconsConfig from './testLinksWithIconsConfig';
+import { BrowserRouter } from 'react-router-dom';
 
 // Snapshot tests
 it('should render ApplicationTabs with links and alignment', () => {
   const wrapper = enzyme.shallow(<div><ApplicationTabs links={testLinkConfig} alignment="start" /></div>);
   expect(wrapper).toMatchSnapshot();
 });
 
-it('should render ApplicationTabs with links and alignment and onTabClick handler', () => {
-  const wrapper = enzyme.shallow(<div><ApplicationTabs links={testLinkConfig} alignment="start" onTabClick={() => {}} /></div>);
-  expect(wrapper).toMatchSnapshot();
+it('should trigger onTabClick handler', () => {
+  const onTabClickHandler = jest.fn();
+  const wrapper = enzymeIntl.mountWithIntl(
+    <BrowserRouter>
+      <ApplicationTabs links={testLinkConfig} alignment="start" onTabClick={onTabClickHandler} />
+    </BrowserRouter>
+  );
+
+  wrapper.find('.tab').first().simulate('click');
+
+  expect(onTabClickHandler).toHaveBeenCalled();
 });
 
 it('should render ApplicationTabs with icons', () => {

diff --git a/packages/terra-application-links/tests/jest/testLinkConfig.js b/packages/terra-application-links/tests/jest/testLinkConfig.js
@@ -1,10 +1,10 @@
 const testLinkConfig = [
-  { path: '/test1', text: 'test 1' },
-  { path: '/test2', text: 'test 2' },
-  { path: '/test3', text: 'test 3' },
-  { path: '/test4', text: 'test 4' },
-  { path: '/test5', text: 'test 5' },
-  { path: '/test6', text: 'test 6' },
+  { id: 'link1', path: '/test1', text: 'test 1', icon: jest.fn() },
+  { id: 'link2', path: '/test2', text: 'test 2', icon: jest.fn() },
+  { id: 'link3', path: '/test3', text: 'test 3', icon: jest.fn() },
+  { id: 'link4', path: '/test4', text: 'test 4', icon: jest.fn() },
+  { id: 'link5', path: '/test5', text: 'test 5', icon: jest.fn() },
+  { id: 'link6', path: '/test6', text: 'test 6', icon: jest.fn() },
 ];
 
 export default testLinkConfig;