fix: adjust labels

Display boolean values in labels when using `long` verbosity.

Author: theetrain

e2e/svelte-4/package-lock.json

@@ -45,16 +45,17 @@ export function createLabel (
   innerProps,
   { verbosity } = { verbosity: 'short' }
 ) {
+  const shortValues = ['string', 'number', 'boolean']
   const label = []
   const shortVerbosity = verbosity === 'short' || verbosity === true
   const joinCharacter = shortVerbosity ? ', ' : '\n'
 
   for (const [key, value] of Object.entries(innerProps)) {
+    const isShortValue = shortValues.includes(typeof value)
+
     if (
       shortVerbosity
-      && typeof value !== 'string'
-      && typeof value !== 'number'
-      && typeof value !== 'boolean'
+      && !isShortValue
     ) {
       // Skip symbols and objects for 'short' labels
       continue
@@ -65,8 +66,7 @@ export function createLabel (
     // Long verbosity treatment
     if (
       verbosity === 'long'
-      && typeof value !== 'string'
-      && typeof value !== 'number'
+      && !isShortValue
     ) {
       refinedValue = typeof value
     } else if (verbosity === 'long-with-objects' && typeof value === 'object') {

e2e/svelte-4/tests/tests.spec.js-snapshots/short-and-long-labels---dark-mode-1-chromium-linux.png

@@ -12,7 +12,8 @@
   ],
   "scripts": {
     "check": "svelte-check",
-    "test": "vitest"
+    "test": "vitest",
+    "start-4": "cd e2e/svelte-4 && npm i && npm run dev"
   },
   "author": "Enrico Sacchetti <[email protected]>",
   "license": "MIT",

e2e/svelte-4/tests/tests.spec.js-snapshots/short-and-long-labels---dark-mode-1-firefox-linux.png

@@ -67,6 +67,9 @@ describe('createLabel', () => {
       obj: { hello: 'world' }
     }, { verbosity: 'long' }))
       .toBe('variant: primary\nsize: md\nobj: object')
+
+    expect(createLabel({ variant: 'primary', disabled: true }, { verbosity: 'long' }))
+      .toBe('variant: primary\ndisabled: true')
   })
 
   it('handles functions and symbols (short)', () => {