fix: preserve app tag label casing

2026-05-25 10:33:53 +08:00
2 changed files with 10 additions and 1 deletions
@@ -21,6 +21,15 @@ describe('Trigger', () => {
      expect(screen.getByText('Backend')).toBeInTheDocument()
      expect(screen.queryByText('common.tag.addTag')).not.toBeInTheDocument()
    })
+
+    it('should preserve tag label casing for mixed-case tags', () => {
+      render(<TagTrigger tags={['Prod', 'prod']} />)
+
+      expect(screen.getByText('Prod')).toHaveClass('system-2xs-medium')
+      expect(screen.getByText('Prod')).not.toHaveClass('system-2xs-medium-uppercase')
+      expect(screen.getByText('prod')).toHaveClass('system-2xs-medium')
+      expect(screen.getByText('prod')).not.toHaveClass('system-2xs-medium-uppercase')
+    })
  })

  // Prop-driven rendering updates.
@@ -34,7 +34,7 @@ export const TagTrigger = ({
                      className="flex max-w-30 min-w-0 shrink-0 items-center gap-x-0.5 rounded-[5px] border border-divider-deep bg-components-badge-bg-dimm px-1.25 py-0.75"
                    >
                      <span aria-hidden="true" className="i-ri-price-tag-3-line size-3 shrink-0 text-text-quaternary" />
-                      <div className="truncate system-2xs-medium-uppercase text-text-tertiary">
+                      <div className="truncate system-2xs-medium text-text-tertiary">
                        {content}
                      </div>
                    </div>