Sha256: 96fc01aa0f79a9974fe75ed4aeaccd6753ae99a6731ff507da69e70add76cc10

Contents?: true

Size: 1.66 KB

Versions: 1041

Compression:

Stored size: 1.66 KB

Contents

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

import Body from '../../../pb_body/_body'
import { SCREEN_SIZES } from '../../test-utils'

const testSubject = 'body'

test('Global Props: Returns ordinal suffixed class name', () => {
  for(let x = 0, y = 13; x < y; ++x) {
    const testId = `${testSubject}-${x}`
    render(
      <Body
          data={{ testid: testId }}
          flex={`${x}`}
          text="Hi"
      />
    )
    const kit = screen.getByTestId(testId)
    expect(kit).toHaveClass(`flex_${x}`)

    SCREEN_SIZES.forEach((size) => {
      const testId = `${testSubject}-${x}-${size}`
      render(
        <Body
            data={{ testid: testId }}
            flex={{ [size]: x }}
            text="Hi"
        />
      )
      const kit = screen.getByTestId(testId)
      expect(kit).toHaveClass(`flex_${size}_${x}`)
    })
  }
})

test('Global Props: returns proper class name', () => {
  const propValues = ["auto", "initial", "none"]
  for(let x = 0, y = propValues.length; x < y; ++x) {
    const testId = `${testSubject}-${propValues[x]}`
    render(
      <Body
          data={{ testid: testId }}
          flex={`${propValues[x]}`}
          text="Hi"
      />
    )
    const kit = screen.getByTestId(testId)
    expect(kit).toHaveClass(`flex_${propValues[x]}`)

    SCREEN_SIZES.forEach((size) => {
      const testId = `${testSubject}-${propValues[x]}-${size}`
      render(
        <Body
            data={{ testid: testId }}
            flex={{ [size]: propValues[x] }}
            text="Hi"
        />
      )
      const kit = screen.getByTestId(testId)
      expect(kit).toHaveClass(`flex_${size}_${propValues[x]}`)
    })
  }
})

Version data entries

1,041 entries across 1,041 versions & 1 rubygems

Version Path
playbook_ui-12.16.0.pre.alpha.lightboxcurrentphotoprop531 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.16.0.pre.alpha.tiptaptestingpart1528 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.16.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.15.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.14.0.pre.alpha.lightboxcurrentphotoprop460 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.14.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown457 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.14.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown456 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.14.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.13.0.pre.alpha.PLAY693tooltipwrongbg440 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.13.0.pre.alpha.addingProductTokens439 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.13.0.pre.alpha.PLAY705phonenumberkit438 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.13.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.12.0.pre.alpha.PLAY697sandpacklayoutstyles413 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.12.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.11.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.10.0.pre.alpha.PLAY705phonenumberreturn372 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.10.0.pre.alpha.PLAY677richtexteditorts370 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.10.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.9.1.pre.alpha.play664tiptapinvestigation353 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.9.1.pre.alpha.PLAY689bugtxtinputlabel346 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js