tw-merge.benchmark.ts

import { bench, describe } from 'vitest'

import { extendTailwindMerge } from '../src'

import testDataCollection from './tw-merge-benchmark-data.json'

type TestDataItem = Exclude<(typeof testDataCollection)[number][number], true>[]

describe('twMerge', () => {
    bench('init', () => {
        const twMerge = extendTailwindMerge({})

        twMerge()
    })

    bench('simple', () => {
        const twMerge = extendTailwindMerge({})

        twMerge('flex mx-10 px-10', 'mr-5 pr-5')
    })

    bench('heavy', () => {
        const twMerge = extendTailwindMerge({})

        twMerge(
            'font-medium text-sm leading-16',
            'group/button relative isolate items-center justify-center overflow-hidden rounded-md outline-none transition [-webkit-app-region:no-drag] focus-visible:ring focus-visible:ring-primary',
            'inline-flex',
            'bg-primary-50 ring ring-primary-200',
            'text-primary dark:text-primary-900 hover:bg-primary-100',
            false,
            'font-medium text-sm leading-16 gap-4 px-6 py-4',
            null,
            'p-0 size-24',
            null,
        )
    })

    bench('collection with cache', () => {
        const twMerge = extendTailwindMerge({})

        for (let index = 0; index < testDataCollection.length; ++index) {
            twMerge(...(testDataCollection[index] as TestDataItem))
        }
    })

    bench('collection without cache', () => {
        const twMerge = extendTailwindMerge({ cacheSize: 0 })

        for (let index = 0; index < testDataCollection.length; ++index) {
            twMerge(...(testDataCollection[index] as TestDataItem))
        }
    })
})