From 94ebea31feb3d0bb09200927a950d481f07ef52e Mon Sep 17 00:00:00 2001 From: Francine Lucca <40550942+francinelucca@users.noreply.github.com> Date: Wed, 8 Mar 2023 14:28:25 -0500 Subject: [PATCH] test(HeaderSideNavItems): add tests (#13303) Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- .../__tests__/HeaderSideNavItems-test.js | 40 +++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 packages/react/src/components/UIShell/__tests__/HeaderSideNavItems-test.js diff --git a/packages/react/src/components/UIShell/__tests__/HeaderSideNavItems-test.js b/packages/react/src/components/UIShell/__tests__/HeaderSideNavItems-test.js new file mode 100644 index 000000000000..e37d6611e86a --- /dev/null +++ b/packages/react/src/components/UIShell/__tests__/HeaderSideNavItems-test.js @@ -0,0 +1,40 @@ +/** + * Copyright IBM Corp. 2022 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +import React from 'react'; +import HeaderSideNavItems from '../HeaderSideNavItems'; +import { render, screen } from '@testing-library/react'; +import HeaderMenuItem from '../HeaderMenuItem'; + +describe('HeaderSideNavItems', () => { + describe('renders as expected - Component API', () => { + it('should render children as expected', () => { + render( + + Link 1 + Link 2 + + ); + + expect(screen.getAllByRole('listitem')).toHaveLength(2); + }); + + it('should support a custom `className` prop on the outermost element', () => { + const { container } = render( + + ); + + expect(container.firstChild).toHaveClass('custom-class'); + }); + + it('should respect hasDivider prop', () => { + const { container } = render(); + + expect(container.firstChild).toHaveClass('cds--side-nav__header-divider'); + }); + }); +});