Sha256: 0b1bf985d977c0399c7fe2180235d7546e00dacdfa0d9dae7499e97348709a87
Contents?: true
Size: 1.13 KB
Versions: 1038
Compression:
Stored size: 1.13 KB
Contents
import React from 'react'
import { render, screen } from '../../test-utils'
import Body from '../../../pb_body/_body'
import { camelToSnakeCase } from '../../../utilities/text'
import { SCREEN_SIZES } from '../../test-utils'
const testSubject = 'body'
test('Global Props: returns proper class name', () => {
const propValues = ["start", "center", "end", "stretch", "baseline", "auto"]
for(let x = 0, y = propValues.length; x < y; ++x) {
const testId = `${testSubject}-${propValues[x]}`
render(
<Body
alignSelf={`${propValues[x]}`}
data={{ testid: testId }}
text="Hi"
/>
)
const kit = screen.getByTestId(testId)
expect(kit).toHaveClass(`align_self_${camelToSnakeCase(propValues[x])}`)
SCREEN_SIZES.forEach((size) => {
const testId = `${testSubject}-${propValues[x]}-${size}`
render(
<Body
alignSelf={{ [size]: propValues[x] }}
data={{ testid: testId }}
text="Hi"
/>
)
const kit = screen.getByTestId(testId)
expect(kit).toHaveClass(`align_self_${size}_${camelToSnakeCase(propValues[x])}`)
})
}
})
Version data entries
1,038 entries across 1,038 versions & 1 rubygems