fix: ✅ adding extra joinStyles() test coverage

chisel-ui · Oct 23, 2022 · a30388f · a30388f
1 parent a133232
commit a30388f
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 12 deletions.
diff --git a/src/styles.ts b/src/styles.ts
@@ -1,8 +1,9 @@
 export function joinStyles(...values: string[]) {
-	return values
-        .map(value => value.split(';').map(v => v.trim()))
-        .flat()
-        .filter(Boolean)
-        .join(';')
-        || undefined
+  return (
+    values
+      .map(value => value.split(';').map(v => v.trim()))
+      .flat()
+      .filter(Boolean)
+      .join(';') || undefined
+  )
 }
diff --git a/tests/styles.ts b/tests/styles.ts
@@ -3,9 +3,26 @@ import * as assert from 'uvu/assert'
 import { joinStyles } from '../src/styles.js'
 
 test('joinStyles', () => {
-    assert.type(joinStyles, 'function', 'joinStyles is a function')
-    assert.is(joinStyles(), undefined, 'undefined when no styles provided')
-    assert.is(joinStyles('color: red'), 'color: red', 'single style unchanged')
-    assert.is(joinStyles('color: red', 'background: blue'), 'color: red;background: blue', 'joins two styles')
-    assert.is(joinStyles('color: red;background: blue;', 'font-size: 16px'), 'color: red;background: blue;font-size: 16px', 'handles compound styles')
-})
+  assert.type(joinStyles, 'function', 'joinStyles is a function')
+  assert.is(joinStyles(), undefined, 'undefined when no styles provided')
+  assert.is(joinStyles('color: red'), 'color: red', 'single style unchanged')
+  assert.is(
+    joinStyles('color: red', 'background: blue'),
+    'color: red;background: blue',
+    'joins two styles'
+  )
+  assert.is(
+    joinStyles('color: red;background: blue;', 'font-size: 16px'),
+    'color: red;background: blue;font-size: 16px',
+    'handles compound styles'
+  )
+  assert.is(
+    joinStyles(
+      'color: red; background: blue',
+      'font-size: 16px;',
+      'line-height: 1.5; font-weight: bold'
+    ),
+    'color: red;background: blue;font-size: 16px;line-height: 1.5;font-weight: bold',
+    'three complex styles'
+  )
+})