@navinc/base-react-components/src/button.spec.js

Nav's Pattern Library

import React from 'react'
import { render, screen } from '@testing-library/react'
import Button from './button.js'

describe('<Button />', () => {
  it('renders LoadingDots if its loading', () => {
    render(<Button isLoading>button me</Button>)
    expect(screen.getByTestId('button-loading-dots')).toBeInTheDocument()
  })

  it('renders the children if its not loading', () => {
    render(<Button>button me</Button>)
    expect(screen.getByText(/button me/i)).toBeInTheDocument()
  })
})