@@ -500,6 +500,7 @@ test('classFunctions & classProperties should not duplicate matches', async ({ e
500
500
lang : 'javascriptreact' ,
501
501
settings : {
502
502
tailwindCSS : {
503
+ classAttributes : [ 'className' ] ,
503
504
classFunctions : [ 'cva' , 'clsx' ] ,
504
505
} ,
505
506
} ,
@@ -515,6 +516,17 @@ test('classFunctions & classProperties should not duplicate matches', async ({ e
515
516
CONTENT
516
517
</div>
517
518
)
519
+ const OtherComponent = ({ className }) => (
520
+ <div
521
+ className={clsx(
522
+ 'relative flex',
523
+ 'inset-0 md:h-[calc(100%-2rem)]',
524
+ clsx('rounded-none bg-blue-700', className),
525
+ )}
526
+ >
527
+ CONTENT
528
+ </div>
529
+ )
518
530
` ,
519
531
} )
520
532
@@ -542,6 +554,27 @@ test('classFunctions & classProperties should not duplicate matches', async ({ e
542
554
end : { line : 5 , character : 36 } ,
543
555
} ,
544
556
} ,
557
+ {
558
+ classList : 'relative flex' ,
559
+ range : {
560
+ start : { line : 14 , character : 7 } ,
561
+ end : { line : 14 , character : 20 } ,
562
+ } ,
563
+ } ,
564
+ {
565
+ classList : 'inset-0 md:h-[calc(100%-2rem)]' ,
566
+ range : {
567
+ start : { line : 15 , character : 7 } ,
568
+ end : { line : 15 , character : 37 } ,
569
+ } ,
570
+ } ,
571
+ {
572
+ classList : 'rounded-none bg-blue-700' ,
573
+ range : {
574
+ start : { line : 16 , character : 12 } ,
575
+ end : { line : 16 , character : 36 } ,
576
+ } ,
577
+ } ,
545
578
] )
546
579
} )
547
580
0 commit comments