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

Nav's Pattern Library

import React from 'react'
import { render, screen } from '../tests/with-app-context'

import { Header } from './header.js'

describe('Base Components: Text', () => {
  describe('render', () => {
    it('renders h1 if size is xl', () => {
      render(<Header size="xl">test text</Header>)

      console.log(screen.getByText('test text'))

      expect(screen.getByText('test text').tagName).toBe('H1')
    })
  })

  describe('render', () => {
    it('renders h2 if size is lg', () => {
      render(<Header size="lg">test text</Header>)

      expect(screen.getByText('test text').tagName).toBe('H2')
    })
  })

  describe('render', () => {
    it('renders h3 by default', () => {
      render(<Header>test text</Header>)

      expect(screen.getByText('test text').tagName).toBe('H3')
    })
  })

  describe('render', () => {
    it('renders h4 if size is sm', () => {
      render(<Header size="sm">test text</Header>)

      expect(screen.getByText('test text').tagName).toBe('H4')
    })
  })
})