import { PlumaTestHelpers } from '@customerio/pluma-components/react/test-helpers/pluma-test-helpers'

const badge = PlumaTestHelpers.extract('Badge', screen.getByTestId('data-test-badge'));

Test Helpers

`BadgeTestHelpers`

`getColor`() `=> string | null`

Gets the color of the badge, or `null` when no `color` prop was set. Semantic color values report as their underlying color (e.g. `color="critical"` reports `red`).

`getHasStatusIndicator`() `=> boolean`

Gets whether the badge shows a status indicator dot

`getIsEmphasized`() `=> boolean`

Gets whether the badge is in emphasized variant

`getIsOutline`() `=> boolean`

Gets whether the badge is in outlined variant

`getSemanticColor`() `=> string | null`

Gets the semantic meaning of the badge color (`critical`, `caution`, `success`, or `information`), or `null` when the color has no semantic meaning. Semantic values and their underlying colors report identically (e.g. `color="critical"` and `color="red"` both return `critical`).

`getText`() `=> string`

Gets the text content of the badge

`isText`
(
`text:string`
)
`=> boolean`

Whether the badge text matches the expected text

Badge

Usage

Test Helpers

BadgeTestHelpers

getColor() => string | null

getHasStatusIndicator() => boolean

getIsEmphasized() => boolean

getIsOutline() => boolean

getSemanticColor() => string | null

getText() => string

isText(text:string) => boolean

On this page