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-12.9.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark301 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark300 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0.pre.alpha.PLAY649mapkitstyles299 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep298 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep297 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease296 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease295 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease294 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.8.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease293 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease292 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease291 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.7.1.pre.alpha.alpharubyrelease281 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.7.1.pre.alpha.menu2 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.7.1.pre.alpha.menu1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.7.1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.7.0 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.6.0.pre.alpha.sectionseparator1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
playbook_ui-12.6.0.pre.alpha.menuyml1 app/pb_kits/playbook/utilities/test/globalProps/flex.test.js