Sha256: 96fc01aa0f79a9974fe75ed4aeaccd6753ae99a6731ff507da69e70add76cc10

Contents?: true

Size: 1.66 KB

Versions: 1038

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,038 entries across 1,038 versions & 1 rubygems

Version Path
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.6.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.6.0.pre.alpha.rubocopperf1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.6.1.pre.alpha.rubocop.pre.performance1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.5.0.pre.alpha.pre.rubocop app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.6.0.pre.alpha.momenttz1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.5.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.4.0.pre.alpha.rubytheme2 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.4.0.pre.alpha.rubytheme1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.4.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.3.0.pre.alpha2 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.3.0.pre.alpha1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.3.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.2.7 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.2.6 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.2.5 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.2.4 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-11.2.4.pre.alpha1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js