@navinc/base-react-components/src/icons/index.spec.js

Nav's Pattern Library

import { renderWithContext } from '../tests/with-app-context.js'
import { screen } from '@testing-library/react'
import { UniversalComponent } from '../universal-component.js'
import * as iconList from './index.js'

function camelize(str) {
  const arr = str.split('-')
  const capital = arr.map((file, index) => (index ? file.charAt(0).toUpperCase() + file.slice(1).toLowerCase() : file))
  const capitalString = capital.join('')

  return capitalString
}

describe('Icons export properly', () => {
  it('Can import a component using Wordpress syntax', (done) => {
    const name = 'actions/arrow-up'
    const split = camelize(name).split('/')
    const Icon = iconList?.default?.[split[0]][split[1]]

    renderWithContext(<UniversalComponent as={Icon} />)

    expect(screen.getByTestId('icon:arrow-up')).toBeInTheDocument()
    done()
  })
})