Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Merge branch 'master' into getclasslist-modifiers
  • Loading branch information
bradlc committed Jan 25, 2023
commit 24e09158c006fd37b38ee4651f8e3bef816d498c
180 changes: 90 additions & 90 deletions tests/getClassList.test.js
Original file line number Diff line number Diff line change
Expand Up @@ -71,104 +71,104 @@ crosscheck(() => {
expect(classes).not.toContain('bg-red-500/50')
})

it('should not include metadata by default', () => {
let config = {}
let context = createContext(resolveConfig(config))
let classes = context.getClassList()
it('should not include metadata by default', () => {
let config = {}
let context = createContext(resolveConfig(config))
let classes = context.getClassList()

expect(classes.every((cls) => typeof cls === 'string')).toEqual(true)
expect(classes.every((cls) => typeof cls === 'string')).toEqual(true)

expect(classes).toContain('bg-red-500')
expect(classes).toContain('text-2xl')
})
expect(classes).toContain('bg-red-500')
expect(classes).toContain('text-2xl')
})

it('should generate utilities with modifier data when requested', () => {
let config = {}
let context = createContext(resolveConfig(config))
let classes = context.getClassList({ includeMetadata: true })

expect(classes).not.toContain('bg-red-500')
expect(classes).not.toContain('text-2xl')

expect(classes).toContainEqual([
'bg-red-500',
{
modifiers: [
'0',
'5',
'10',
'20',
'25',
'30',
'40',
'50',
'60',
'70',
'75',
'80',
'90',
'95',
'100',
],
},
])
expect(classes).toContainEqual([
'text-2xl',
{
modifiers: [
'3',
'4',
'5',
'6',
'7',
'8',
'9',
'10',
'none',
'tight',
'snug',
'normal',
'relaxed',
'loose',
],
},
])
})
it('should generate utilities with modifier data when requested', () => {
let config = {}
let context = createContext(resolveConfig(config))
let classes = context.getClassList({ includeMetadata: true })

it('should generate plugin-defined utilities with modifier data when requested', () => {
let config = {
plugins: [
plugin(function ({ matchUtilities }) {
matchUtilities(
{
foo: (value, { modifier }) => {
return { color: `rgb(${value} / ${modifier ?? 1})` }
expect(classes).not.toContain('bg-red-500')
expect(classes).not.toContain('text-2xl')

expect(classes).toContainEqual([
'bg-red-500',
{
modifiers: [
'0',
'5',
'10',
'20',
'25',
'30',
'40',
'50',
'60',
'70',
'75',
'80',
'90',
'95',
'100',
],
},
])
expect(classes).toContainEqual([
'text-2xl',
{
modifiers: [
'3',
'4',
'5',
'6',
'7',
'8',
'9',
'10',
'none',
'tight',
'snug',
'normal',
'relaxed',
'loose',
],
},
])
})

it('should generate plugin-defined utilities with modifier data when requested', () => {
let config = {
plugins: [
plugin(function ({ matchUtilities }) {
matchUtilities(
{
foo: (value, { modifier }) => {
return { color: `rgb(${value} / ${modifier ?? 1})` }
},
},
},
{ values: { red: '255 0 0' }, modifiers: { bar: '0' } }
)
}),
],
}
let context = createContext(resolveConfig(config))
let classes = context.getClassList({ includeMetadata: true })

expect(classes).toContainEqual([
'foo-red',
{
modifiers: ['bar'],
},
])
})
{ values: { red: '255 0 0' }, modifiers: { bar: '0' } }
)
}),
],
}
let context = createContext(resolveConfig(config))
let classes = context.getClassList({ includeMetadata: true })

it('should not generate utilities with opacity even if safe-listed', () => {
let config = {
safelist: [
expect(classes).toContainEqual([
'foo-red',
{
pattern: /^bg-red-(400|500)(\/(40|50))?$/,
modifiers: ['bar'],
},
],
}
])
})

it('should not generate utilities with opacity even if safe-listed', () => {
let config = {
safelist: [
{
pattern: /^bg-red-(400|500)(\/(40|50))?$/,
},
],
}

let context = createContext(resolveConfig(config))
let classes = context.getClassList()
Expand Down
You are viewing a condensed version of this merge commit. You can view the full changes here.