@navinc/base-react-components/src/tab-group.spec.js

Nav's Pattern Library

import React from 'react'
import { render } from '@testing-library/react'
import Text from './text.js'
import TabGroup from './tab-group.js'

describe('TabGroup', () => {
  it('renders the tab group', () => {
    const { getByTestId } = render(<TabGroup />)
    expect(getByTestId('tab-group'))
  })
  it('renders a tab for each child element', () => {
    const { getByText } = render(
      <TabGroup>
        {[<Text key="first">first</Text>, <Text key="second">second</Text>, <Text key="third">third</Text>]}
      </TabGroup>
    )
    expect(getByText('third'))
  })
})