From 08eea5321129415b4bbb4ecc9850cd2259e09232 Mon Sep 17 00:00:00 2001
From: Dinesh Katariya <thedineshk24@gmail.com>
Date: Sun, 13 Aug 2023 11:56:10 +0530
Subject: [PATCH] test: fixed failing test per original code

---
 .../ColorPicker/colorPickerUtils.test.ts      | 123 +++++++++---------
 1 file changed, 63 insertions(+), 60 deletions(-)

diff --git a/src/components/ColorPicker/colorPickerUtils.test.ts b/src/components/ColorPicker/colorPickerUtils.test.ts
index d11947485..a4620226c 100644
--- a/src/components/ColorPicker/colorPickerUtils.test.ts
+++ b/src/components/ColorPicker/colorPickerUtils.test.ts
@@ -1,6 +1,8 @@
 import { ColorPaletteCustom } from "../../colors";
+import { ExcalidrawElement } from "../../element/types";
 import {
   getColorNameAndShadeFromColor,
+  getMostUsedCustomColors,
   isCustomColor,
 } from "./colorPickerUtils";
 
@@ -89,76 +91,77 @@ describe("isCustomColor", () => {
   });
 });
 
-// FIXME: temporary commented below test because they're failing
+describe("getMostUsedCustomColors", () => {
+const elements: readonly any[] = [
+  {
+    type: "rectangle",
+    id: "1",
+    isDeleted: false,
+    backgroundColor: "#FF0000",
+    strokeColor: "#00FF00",
+  },
+  {
+    type: "ellipse",
+    id: "2",
+    isDeleted: false,
+    backgroundColor: "#FF0000",
+    strokeColor: "#0000FF",
+  },
+  {
+    type: "rectangle",
+    id: "3",
+    isDeleted: false,
+    backgroundColor: "#00FF00",
+    strokeColor: "#00FF00",
+  },
+  {
+    type: "rectangle",
+    id: "4",
+    isDeleted: true,
+    backgroundColor: "#FFFF00",
+    strokeColor: "#FF00FF",
+  },
+];
 
-// describe("getMostUsedCustomColors", () => {
-// const elements: readonly any[] = [
-//   {
-//     type: "rectangle",
-//     id: "1",
-//     isDeleted: false,
-//     backgroundColor: "#FF0000",
-//     strokeColor: "#00FF00",
-//   },
-//   {
-//     type: "ellipse",
-//     id: "2",
-//     isDeleted: false,
-//     backgroundColor: "#FF0000",
-//     strokeColor: "#0000FF",
-//   },
-//   {
-//     type: "rectangle",
-//     id: "3",
-//     isDeleted: false,
-//     backgroundColor: "#00FF00",
-//     strokeColor: "#00FF00",
-//   },
-//   {
-//     type: "rectangle",
-//     id: "4",
-//     isDeleted: true,
-//     backgroundColor: "#FFFF00",
-//     strokeColor: "#FF00FF",
-//   },
-// ];
+const palette = {
+  red: "#FF0000",
+  green: "#00FF00",
+  blue: "#0000FF",
+};
 
-// const palette = {
-//   red: "#FF0000",
-//   green: "#00FF00",
-//   blue: "#0000FF",
-// };
+it("should return empty array for elementBackground.", () => {
+  const type = "elementBackground";
 
-// it("should return the most used custom colors for element background", () => {
-//   const type = "elementBackground";
+  const result = getMostUsedCustomColors(elements, type, palette);
 
-//   const result = getMostUsedCustomColors(elements, type, palette);
+  expect(result).toEqual([]); 
+});
 
-//   expect(result).toEqual(["#FF0000"]);
-// });
 
-// it("should return the most used custom colors for element stroke", () => {
-//   const type = "elementStroke";
+it("should return empty array for elementStroke.", () => {
+  const type = "elementStroke";
 
-//   const result = getMostUsedCustomColors(elements, type, palette);
+  const result = getMostUsedCustomColors(elements, type, palette);
 
-//   expect(result).toEqual(["#00FF00", "#0000FF"]);
-// });
+  expect(result).toEqual([]); 
+});
 
-// it("should handle empty elements correctly", () => {
-//   const type = "elementBackground";
-//   const emptyElements: readonly ExcalidrawElement[] = [];
 
-//   const result = getMostUsedCustomColors(emptyElements, type, palette);
+it("should handle empty elements correctly", () => {
+  const type = "elementBackground";
+  const emptyElements: readonly ExcalidrawElement[] = [];
 
-//   expect(result).toEqual([]);
-// });
+  const result = getMostUsedCustomColors(emptyElements, type, palette);
 
-// it("should handle empty palette correctly", () => {
-//   const type = "elementBackground";
-//   const emptyPalette = {};
-//   const result = getMostUsedCustomColors(elements, type, emptyPalette);
+  expect(result).toEqual([]);
+});
 
-//   expect(result).toEqual(["#FF0000", "#00FF00", "#0000FF"]);
-// });
-// });
+it("should handle empty palette correctly", () => {
+  const type = "elementBackground";
+  const emptyPalette = {};
+  const result = getMostUsedCustomColors(elements, type, emptyPalette);
+
+  // Assuming MAX_CUSTOM_COLORS_USED_IN_CANVAS is set to 2
+  expect(result).toEqual(["#FF0000", "#00FF00"]);
+});
+});