more test fixes

primer · May 3, 2024 · 9eda952 · 9eda952
1 parent 0a87590
commit 9eda952
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/packages/react/src/drafts/UnderlinePanels/UnderlinePanels.test.tsx b/packages/react/src/drafts/UnderlinePanels/UnderlinePanels.test.tsx
@@ -2,9 +2,8 @@
 
 import React from 'react'
 import {render, screen} from '@testing-library/react'
-import renderer from 'react-test-renderer'
 import UnderlinePanels from './UnderlinePanels'
-import {checkExports} from '../../utils/testing'
+import {behavesAsComponent, checkExports} from '../../utils/testing'
 import TabContainerElement from '@github/tab-container-element'
 
 TabContainerElement.prototype.selectTab = jest.fn()
@@ -20,14 +19,19 @@ const UnderlinePanelsMockComponent = (props: {'aria-label'?: string; 'aria-label
   </UnderlinePanels>
 )
 
-// const tree = renderer.create(<UnderlinePanelsMockComponent aria-label="Select a tab" />).toJSON()
-// expect(tree).toMatchSnapshot()
-
 describe('UnderlinePanels', () => {
   afterEach(() => {
     jest.restoreAllMocks()
   })
 
+  checkExports('drafts/UnderlinePanels', {
+    default: UnderlinePanels,
+  })
+
+  behavesAsComponent({Component: UnderlinePanels, options: {skipAs: true}})
+
+  behavesAsComponent({Component: UnderlinePanels.Tab})
+
   it('renders without errors', () => {
     render(<UnderlinePanelsMockComponent aria-label="Select a tab" />)
   })

diff --git a/packages/react/src/internal/components/UnderlineTabbedInterface.tsx b/packages/react/src/internal/components/UnderlineTabbedInterface.tsx
@@ -212,7 +212,7 @@ export const UnderlineTab = forwardRef(
     forwardedRef,
   ) => {
     return (
-      <StyledUnderlineTab ref={forwardedRef} as={as} {...rest}>
+      <StyledUnderlineTab ref={forwardedRef} as={as} sx={sxProp} {...rest}>
         {iconsVisible && Icon && (
           <span data-component="icon">
             <Icon />