fix: add test

Author: mouse484

.gitpod.yml

@@ -0,0 +1,7 @@
+tasks:
+  - init: yarn install && yarn dev
+
+vscode:
+  extensions:
+    - ZixuanChen.vitest-explorer
+    - svelte.svelte-vscode

package.json

@@ -8,7 +8,8 @@
   "license": "MIT",
   "scripts": {
     "build": "tsc",
-    "dev": "yarn build && cd example && yarn && yarn dev"
+    "dev": "yarn build && cd example && yarn && yarn dev",
+    "test": "vitest"
   },
   "dependencies": {
     "csstype": "^3.0.8"
@@ -17,7 +18,8 @@
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "3.3.0",
     "semantic-release": "^17.4.3",
-    "typescript": "^4.2.4"
+    "typescript": "^4.2.4",
+    "vitest": "^0.31.4"
   },
   "files": [
     "dist"

src/index.test.ts

@@ -0,0 +1,18 @@
+import { expect, test } from 'vitest';
+import { buildStyle } from '.';
+
+test('Object Syntax', () => {
+  const result = buildStyle({ color: 'red', fontSize: '1px' });
+  expect(result).toEqual([
+    ['color', 'red'],
+    ['font-size', '1px'],
+  ]);
+});
+
+test('Array Syntax', () => {
+  const result = buildStyle([{ color: 'red' }, { backgroundColor: 'blue' }]);
+  expect(result).toEqual([
+    ['color', 'red'],
+    ['background-color', 'blue'],
+  ]);
+});

src/index.ts

@@ -3,20 +3,25 @@ import type { Properties } from 'csstype';
 type properties = Properties<string | number>;
 type Parameters = properties | properties[];
 
-const style = (node: HTMLElement, parameters: Parameters) => {
-  const setStyle = (parameters: Parameters) => {
-    let properties: properties = {};
-    if (Array.isArray(parameters)) {
-      parameters.forEach((value) => {
-        properties = { ...properties, ...value };
-      });
-    } else {
-      properties = parameters;
-    }
+export const buildStyle = (parameters: Parameters) => {
+  let properties: properties = {};
+  if (Array.isArray(parameters)) {
+    parameters.forEach((value) => {
+      properties = { ...properties, ...value };
+    });
+  } else {
+    properties = parameters;
+  }
 
-    Object.entries(properties).forEach(([key, value]) => {
-      key = key.replace(/[A-Z]/, (substring) => '-' + substring.toLowerCase());
+  return Object.entries(properties).map(([key, value]) => {
+    key = key.replace(/[A-Z]/, (substring) => '-' + substring.toLowerCase());
+    return [key, value];
+  });
+};
 
+const style = (node: HTMLElement, parameters: Parameters) => {
+  const setStyle = (parameters: Parameters) => {
+    buildStyle(parameters).forEach(([key, value]) => {
       node.style.setProperty(key, value);
     });
   };

vitest.config.ts

@@ -0,0 +1,3 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({});