Sha256: c2c1e1929514ba068e75546b82af63d4e997dc661eb273c43f4a53a33693e49c
Contents?: true
Size: 1 KB
Versions: 643
Compression:
Stored size: 1 KB
Contents
import React from 'react'
import { render, screen } from '../utilities/test-utils'
import Detail from './_detail'
test('returns namespaced class name', () => {
render(
<Detail
data={{ testid: 'primary-test' }}
text="Test class name"
/>
)
const kit = screen.getByTestId('primary-test')
expect(kit).toHaveClass('pb_detail_kit_color_light')
})
test('with colors', () => {
['light', 'default', 'lighter', 'link', 'success', 'error'].forEach((color) => {
const testId = `colors-test-${color}`
render(
<Detail
color={color}
data={{ testid: testId }}
text="Test colors"
/>
)
const kit = screen.getByTestId(testId)
expect(kit).toHaveClass(`pb_detail_kit_color_${color}`)
})
})
test('bold font-weight should be 600', () => {
render(
<Detail
bold
data={{ testid: 'primary-test' }}
text="Test bold prop"
/>
)
const kit = screen.getByTestId('primary-test')
expect(kit).toHaveClass("bold")
})
Version data entries
643 entries across 643 versions & 1 rubygems