Sha256: 37320c3697919b92e55ad4062752fd31472fd73fa4aedcb115a92be188db8cb9

Contents?: true

Size: 1.43 KB

Versions: 104

Compression:

Stored size: 1.43 KB

Contents

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

import Badge from './_badge'

const testId = "badge"

test('default class name', () => {
  render(
    <Badge
        data={{ testid: testId }}
        text="+1"
    />
  )

  const kit = screen.getByTestId(testId)

  expect(kit).toHaveClass('pb_badge_kit_neutral')
})

test('primary class name', () => {
  render(
    <Badge
        data={{ testid: testId }}
        text="+1"
        variant="primary"
    />
  )

  const kit = screen.getByTestId(testId)

  expect(kit).toHaveClass('pb_badge_kit_primary')
})

test('displays text content', () => {
  render(
    <Badge
        text="+1"
        variant="primary"
    />
  )

  const text = screen.getByText("+1")
  expect(text).toBeInTheDocument()
})

test('displays rounded corners', () => {
  render(
    <Badge
        data={{ testid: testId }}
        rounded
        text="+1"
        variant="primary"
    />
  )

  const kit = screen.getByTestId(testId)
  expect(kit).toHaveClass('pb_badge_kit_primary_rounded')
})

test('displays color variants', () => {
  [
    "success",
    "warning",
    "error",
    "info"
  ].forEach((colorVariant) => {
    render(
      <Badge
          data={{ testid: testId }}
          text={colorVariant}
          variant={colorVariant}
      />
    )
    const kit = screen.getByTestId(testId)
    expect(kit).toHaveClass(`pb_badge_kit_${colorVariant}`)

    cleanup()
  })
})

Version data entries

104 entries across 104 versions & 1 rubygems

Version Path
playbook_ui-12.15.0 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.14.0.pre.alpha.lightboxcurrentphotoprop460 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.14.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown457 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.14.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown456 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.14.0 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.13.0.pre.alpha.PLAY693tooltipwrongbg440 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.13.0.pre.alpha.addingProductTokens439 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.13.0.pre.alpha.PLAY705phonenumberkit438 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.13.0 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.12.0.pre.alpha.PLAY697sandpacklayoutstyles413 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.12.0 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.11.0 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.10.0.pre.alpha.PLAY705phonenumberreturn372 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.10.0.pre.alpha.PLAY677richtexteditorts370 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.10.0 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.9.1.pre.alpha.play664tiptapinvestigation353 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.9.1.pre.alpha.PLAY689bugtxtinputlabel346 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.9.1.pre.alpha.menucleanup345 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.9.1.pre.alpha.menucleanup342 app/pb_kits/playbook/pb_badge/badge.test.js
playbook_ui-12.9.1 app/pb_kits/playbook/pb_badge/badge.test.js