added getAspectRatio

Author: landonwjohnson

.yarn/versions/da4f1b16.yml

@@ -1,7 +1,7 @@
 {
   "name": "@devlander/utils",
   "description": "Utils shared between projects that are plain javascript",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "browser": "dist/umd/index.js",
   "main": "dist/cjs/index.js",
   "types": "typings/index.d.ts",

package.json

@@ -0,0 +1,30 @@
+import { GetAspectRatioParams, getAspectRatio } from '../getAspectRatio';
+
+describe('getAspectRatio', () => {
+  it('should calculate the correct height for landscape orientation', () => {
+    const params: GetAspectRatioParams = {
+      width: 1920,
+      orientation: 'landscape',
+      aspectRatio: '16:9',
+    };
+
+    const result = getAspectRatio(params);
+
+    expect(result.width).toBe(1920);
+    expect(result.height).toBe(1080);
+  });
+
+  it('should calculate the correct height for portrait orientation', () => {
+    const params: GetAspectRatioParams = {
+      width: 1080,
+      orientation: 'portrait',
+      aspectRatio: '16:9',
+    };
+
+    const result = getAspectRatio(params);
+
+    expect(result.width).toBe(1080);
+    expect(result.height).toBe(608);
+  });
+
+});

src/__tests__/getAspectRatio.test.ts

@@ -27,4 +27,4 @@ describe("getRandomValFromArray", () => {
 
     expect(result).toBe(fallbackValue);
   });
-});
+});

src/__tests__/getRandomValFromArray.test.ts

@@ -28,4 +28,4 @@ describe("hslToRgb", () => {
 
     // Add more test cases as needed
   });
-});
+});

src/__tests__/hslToRgb.test.ts

@@ -48,4 +48,4 @@ describe("isPlainObject", () => {
 
     expect(result).toBe(false);
   });
-});
+});

src/__tests__/isPlainObject.test.ts

@@ -15,10 +15,10 @@ describe("isValidHex", () => {
   });
 
   it("should return false for non-string input", () => {
-    expect(isValidHex(null)).toBe(false);
-    expect(isValidHex(undefined)).toBe(false);
-    expect(isValidHex(123)).toBe(false);
-    expect(isValidHex({})).toBe(false);
-    expect(isValidHex([])).toBe(false);
+    expect(isValidHex(null as any)).toBe(false);
+    expect(isValidHex(undefined as any)).toBe(false);
+    expect(isValidHex(123 as any)).toBe(false);
+    expect(isValidHex({} as any)).toBe(false);
+    expect(isValidHex([] as any)).toBe(false);
   });
-});
+});

src/__tests__/isValidHex.test.ts

@@ -1,25 +1,32 @@
 import { applyFormatters } from "../../logFormattedPhrases/applyFormatters";
-import { PhraseItem, PhraseOrderType } from "../../logFormattedPhrases/formattedPhrase.types";
+import {
+  PhraseItem,
+  PhraseOrderType,
+} from "../../logFormattedPhrases/formattedPhrase.types";
 import { defaultPhraseOrder } from "../../logFormattedPhrases/getPhraseStylesFromOrder";
 
-
 describe("applyFormatters", () => {
   it("Expect apply formatters to return correct values", () => {
     const phraseItem: PhraseItem = {
-      background: "red", color: "blue",
-      phrase: ""
+      background: "red",
+      color: "blue",
+      phrase: "",
     };
-    const orderItems:PhraseOrderType[] =  defaultPhraseOrder
+    const orderItems: PhraseOrderType[] = defaultPhraseOrder;
 
     const result = applyFormatters(phraseItem, orderItems);
 
     // console.log(result, 'result in applyFormatters test');
 
-    const hasBlueForColor = result.some((formatter) => formatter.value === "blue" && formatter.name === "color");
+    const hasBlueForColor = result.some(
+      (formatter) => formatter.value === "blue" && formatter.name === "color",
+    );
 
-    const hasRedValueForBackground = result.some((formatter) => formatter.value === "red" && formatter.name === "background");
+    const hasRedValueForBackground = result.some(
+      (formatter) =>
+        formatter.value === "red" && formatter.name === "background",
+    );
     expect(hasRedValueForBackground).toBe(true);
     expect(hasBlueForColor).toBe(true);
   });
-
-});
+});

src/__tests__/logFormattedPhrases/applyFormatters.test.ts

@@ -1,7 +1,5 @@
-
-import { formatPhrase } from '../../logFormattedPhrases/formatPhrase';
-import { PhraseItem } from '../../logFormattedPhrases/formattedPhrase.types';
-
+import { formatPhrase } from "../../logFormattedPhrases/formatPhrase";
+import { PhraseItem } from "../../logFormattedPhrases/formattedPhrase.types";
 
 describe("formatPhrase", () => {
   it("should be able to log with just text", () => {
@@ -11,34 +9,28 @@ describe("formatPhrase", () => {
 
     const expectedFormattedPhrase = "Hello, world!"; // Update this with the expected formatted phrase
 
-    
- 
     // Call the formatPhrase function
-   const result = formatPhrase(item);
-    if(result) {
-    expect(result.message).toBe(expectedFormattedPhrase);
+    const result = formatPhrase(item);
+    if (result) {
+      expect(result.message).toBe(expectedFormattedPhrase);
     }
   });
 
   it("it should work with color and background", () => {
     const item: PhraseItem = {
       phrase: "Hello, world!",
       color: "blue",
-      background: "red"
+      background: "red",
     };
 
-
-    
- 
     // Call the formatPhrase function
-   const result = formatPhrase(item);
+    const result = formatPhrase(item);
 
-   console.log(result, 'result in formatPhrase test');
-    
-    if(result) {
+    console.log(result, "result in formatPhrase test");
+
+    if (result) {
       expect(result.formattersApplied.includes("color")).toBe(true);
       expect(result.formattersApplied.includes("background")).toBe(true);
-
     }
   });
-});
+});

src/__tests__/logFormattedPhrases/formatPhrase.test.ts

@@ -2,16 +2,20 @@
 // referenced in conversations about the code.
 // Path: ./src/__tests__/logFormattedPhrases/getPhraseStylesFromOrder.test.ts
 
-import { AppliedFormatter, PhraseItem } from "../../logFormattedPhrases/formattedPhrase.types";
+import {
+  AppliedFormatter,
+  PhraseItem,
+} from "../../logFormattedPhrases/formattedPhrase.types";
 import { getPhraseStylesFromOrder } from "../../logFormattedPhrases/getPhraseStylesFromOrder";
 
-const hasValueInFormatters = (formatters: AppliedFormatter[], property: string) => {
+const hasValueInFormatters = (
+  formatters: AppliedFormatter[],
+  property: string,
+) => {
   return formatters.some((formatter) => formatter.name === property);
-}
+};
 
 describe("getPhraseStylesFromOrder", () => {
-
-
   // it("should return an empty array when item.orderToApplyStyles is empty", () => {
   //   const item: PhraseItem = {
   //     orderToApplyStyles: [],
@@ -22,7 +26,7 @@ describe("getPhraseStylesFromOrder", () => {
   // });
 
   // it("should return an empty array when item.orderToApplyStyles is not an array", () => {
-   
+
   //   const item: PhraseItem = {
   //     orderToApplyStyles: "invalid" as any,
   //     phrase: ""
@@ -43,10 +47,8 @@ describe("getPhraseStylesFromOrder", () => {
       ],
     };
     const result: AppliedFormatter[] = getPhraseStylesFromOrder(item);
-   expect(result).toBeDefined();
-
+    expect(result).toBeDefined();
   });
 
   // Add more test cases for different scenarios
-
-});
+});