From 217a1af7cb97a02dd1772d715ea7590a5b846a49 Mon Sep 17 00:00:00 2001
From: Adrian Ortiz <desarrollador3@en-trega.com>
Date: Sat, 7 Sep 2024 13:12:00 -0600
Subject: [PATCH] fix

---
 .../border-generator.service.test.ts          | 45 ++++++++++++++++---
 1 file changed, 39 insertions(+), 6 deletions(-)

diff --git a/src/tools/border-generator/border-generator.service.test.ts b/src/tools/border-generator/border-generator.service.test.ts
index 20c54344..a085c23d 100644
--- a/src/tools/border-generator/border-generator.service.test.ts
+++ b/src/tools/border-generator/border-generator.service.test.ts
@@ -1,6 +1,39 @@
-// import { expect, describe, it } from 'vitest';
-// import { } from './border-generator.service';
-//
-// describe('border-generator', () => {
-//
-// })
+import { expect, describe, it } from 'vitest';
+import { generateCSSOutput } from './border-generator.service';
+import type { Borders } from './border-generator.service';
+
+describe('border-generator service', () => {
+  describe('generateCSSOutput', () => {
+    it('generates correct CSS with default values', () => {
+      const borders: Borders = {
+        topLeft: { label: 'Top Left', value: 10, max: 100 },
+        topRight: { label: 'Top Right', value: 10, max: 100 },
+        bottomRight: { label: 'Bottom Right', value: 10, max: 100 },
+        bottomLeft: { label: 'Bottom Left', value: 10, max: 100 },
+      };
+
+      const cssOutput = generateCSSOutput(borders, 1, 'solid', 'px');
+
+      expect(cssOutput).toEqual('border: 1px solid #000000; border-radius: 10px 10px 10px 10px;');
+    });
+
+    it('generates correct CSS with custom values', () => {
+      const borders: Borders = {
+        topLeft: { label: 'Top Left', value: 20, max: 100 },
+        topRight: { label: 'Top Right', value: 15, max: 100 },
+        bottomRight: { label: 'Bottom Right', value: 5, max: 100 },
+        bottomLeft: { label: 'Bottom Left', value: 25, max: 100 },
+      };
+
+      const cssOutput = generateCSSOutput(borders, 2, 'dashed', '%');
+
+      expect(cssOutput).toEqual('border: 2px dashed #000000; border-radius: 20% 15% 5% 25%;');
+    });
+
+    it('throws an error when borders are missing', () => {
+      const borders = {} as Borders;
+
+      expect(() => generateCSSOutput(borders, 1, 'solid', 'px')).toThrowError();
+    });
+  });
+});