Contents

import React from 'react'
import { render, screen } from '../utilities/test-utils'

import Title from './_title'

test('returns namespaced class name', () => {
  render(
    <Title
        data={{ testid: 'primary-test' }}
        text="Test colors"
    />
  )

  const kit = screen.getByTestId('primary-test')
  expect(kit).toHaveClass('pb_title_kit_size_3')
})

test('with thin font weight', () => {
  render(
    <Title
        bold={false}
        data={{ testid: 'primary-test' }}
        text="Test thin font weight"
    />
  )

  const kit = screen.getByTestId('primary-test')
  expect(kit).toHaveClass('pb_title_kit_thin')
})

test('with colors', () => {
  render(
    <Title
        color="success"
        data={{ testid: 'primary-test' }}
        text="Test colors"
    />
  )

  const kit = screen.getByTestId('primary-test')
  expect(kit).toHaveClass('pb_title_kit_success')
})

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
playbook_ui-12.30.0	app/pb_kits/playbook/pb_title/title.test.js