https://app.cookiefirst.com/dist/2026-09-15/13-16-9680/inputs/Colo…icker-__tests__-ColorPicker-test.c28748f.js

1/*! For license information please see ColorPicker-__tests__-ColorPicker-test.c28748f.js.LICENSE.txt */
2"use strict";(self.webpackChunkcookiefirst_admin_panel=self.webpackChunkcookiefirst_admin_panel||[]).push([[6551],{61306:function(e,t,n){n.r(t);var a=n(5544),r=(n(2008),n(50113),n(23418),n(48598),n(62062),n(5506),n(26099),n(47764),n(40253)),o=n(96540),l=n(35398);jest.mock("../../../../Button/Button",function(){return{__esModule:!0,default:function(e){var t=e.children,n=e.color,a=e.outline,r=e.onClick,l=e.className;return o.createElement("button",{"data-testid":"button","data-color":n,"data-outline":a,onClick:r,className:l},t)}}}),jest.mock("../../../../Modal",function(){return{__esModule:!0,default:function(e){var t=e.children,n=e.onClose,a=e.isOpen,r=e.className,l=e.size,c=e.hideHeader,i=e.centered,d=e.contentClassName;return o.createElement("div",{"data-testid":"modal","data-is-open":a,"data-size":l,"data-hide-header":c,"data-centered":i,className:r,"data-content-class":d},o.createElement("button",{"data-testid":"modal-close",onClick:n},"Close"),t)}}}),jest.mock("react-color",function(){return{SketchPicker:function(e){var t=e.disableAlpha,n=e.color,a=e.onChangeComplete,r=e.className;return o.createElement("div",{"data-testid":"sketch-picker","data-disable-alpha":t,"data-color":n,className:r},o.createElement("button",{"data-testid":"pick-red",onClick:function(){return a({rgb:{r:255,g:0,b:0,a:1}})}},"Pick Red"),o.createElement("button",{"data-testid":"pick-blue-transparent",onClick:function(){return a({rgb:{r:0,g:0,b:255,a:.5}})}},"Pick Blue Transparent"))}}}),jest.mock("../../../../../hooks/useTranslate",function(){return{__esModule:!0,default:function(){return[function(e){return{"common:confirm_modal.cancel":"Cancel","common:confirm_modal.confirm":"Confirm"}[e]||e}]}}}),jest.mock("reactstrap",function(){return{Row:function(e){var t=e.children,n=e.className,a=e.onClick;return o.createElement("div",{"data-testid":"row",className:n,onClick:a},t)},Col:function(e){var t=e.children,n=e.xs,a=e.className;return o.createElement("div",{"data-testid":"col","data-xs":n,className:a},t)}}}),jest.mock("../../../../../helpers/classNames",function(){return{__esModule:!0,default:function(){return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter(Boolean).map(function(e){return"string"==typeof e?e:Object.entries(e).filter(function(e){return(0,a.A)(e,2)[1]}).map(function(e){return(0,a.A)(e,1)[0]}).join(" ")}).join(" ")}}}}),describe("ColorPicker",function(){var e=jest.fn();beforeEach(function(){jest.clearAllMocks()}),describe("rendering",function(){it("should render color picker row",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(255,0,0)",onChange:e})).getByTestId;expect(t("row")).toBeInTheDocument()}),it("should render color value display",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(255,0,0)",onChange:e})).container.querySelector(".value");expect(t).toBeInTheDocument(),expect(t).toHaveStyle({backgroundColor:"rgb(255,0,0)"})}),it("should render inline label when provided",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,inlineLabel:"Color Label"})).getByText;expect(t("Color Label")).toBeInTheDocument()}),it("should not render inline label when not provided",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).queryByText;expect(t(/Color/)).not.toBeInTheDocument()}),it("should not render modal initially",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).queryByTestId;expect(t("modal")).not.toBeInTheDocument()})}),describe("disabled state",function(){it("should apply disabled class to row when disabled",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,disabled:!0})).getByTestId;expect(t("row")).toHaveClass("disabled")}),it("should apply disabled class to value when disabled",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,disabled:!0})).container;expect(t.querySelector(".value")).toHaveClass("disabled")}),it("should not open modal when clicked and disabled",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,disabled:!0})),n=t.getByTestId,a=t.queryByTestId;r.rC.click(n("row")),expect(a("modal")).not.toBeInTheDocument()}),it("should not apply disabled class when not disabled",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;expect(t("row")).not.toHaveClass("disabled")})}),describe("modal opening",function(){it("should open modal when row is clicked",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),expect(t("modal")).toBeInTheDocument()}),it("should render SketchPicker in modal",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),expect(t("sketch-picker")).toBeInTheDocument()}),it("should pass current value to SketchPicker",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(100,50,200)",onChange:e})).getByTestId;r.rC.click(t("row")),expect(t("sketch-picker")).toHaveAttribute("data-color","rgb(100,50,200)")}),it("should render cancel and confirm buttons",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})),n=t.getByTestId,a=t.getAllByTestId;r.rC.click(n("row"));var c=a("button");expect(c.length).toBe(2),expect(c[0]).toHaveTextContent("Cancel"),expect(c[1]).toHaveTextContent("Confirm")})}),describe("color selection with transparency",function(){it("should enable alpha channel by default",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),expect(t("sketch-picker")).toHaveAttribute("data-disable-alpha","false")}),it("should update picked color with transparency when selected",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,allowTransparency:!0})).getByTestId;r.rC.click(t("row")),r.rC.click(t("pick-blue-transparent")),expect(t("sketch-picker")).toBeInTheDocument()}),it("should format color with rgba when transparency allowed",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,allowTransparency:!0})).getByTestId;r.rC.click(t("row")),r.rC.click(t("pick-blue-transparent"));var n=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Confirm"===e.textContent});r.rC.click(n),expect(e).toHaveBeenCalledWith("rgba(0, 0, 255, 0.5)")})}),describe("color selection without transparency",function(){it("should disable alpha channel when allowTransparency is false",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,allowTransparency:!1})).getByTestId;r.rC.click(t("row")),expect(t("sketch-picker")).toHaveAttribute("data-disable-alpha","true")}),it("should format color with rgb when transparency not allowed",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,allowTransparency:!1})).getByTestId;r.rC.click(t("row")),r.rC.click(t("pick-red"));var n=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Confirm"===e.textContent});r.rC.click(n),expect(e).toHaveBeenCalledWith("rgb(255, 0, 0)")})}),describe("cancel action",function(){it("should close modal when cancel is clicked",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})),n=t.getByTestId,a=t.queryByTestId;r.rC.click(n("row")),expect(n("modal")).toBeInTheDocument();var c=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Cancel"===e.textContent});r.rC.click(c),expect(a("modal")).not.toBeInTheDocument()}),it("should reset picked color when cancel is clicked",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(100,100,100)",onChange:e})).getByTestId;r.rC.click(t("row")),r.rC.click(t("pick-red"));var n=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Cancel"===e.textContent});r.rC.click(n),expect(e).not.toHaveBeenCalled()}),it("should close modal when modal close button is clicked",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})),n=t.getByTestId,a=t.queryByTestId;r.rC.click(n("row")),r.rC.click(n("modal-close")),expect(a("modal")).not.toBeInTheDocument()}),it("should not call onChange when canceling",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),r.rC.click(t("pick-red"));var n=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Cancel"===e.textContent});r.rC.click(n),expect(e).not.toHaveBeenCalled()})}),describe("confirm action",function(){it("should close modal when confirm is clicked",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})),n=t.getByTestId,a=t.queryByTestId;r.rC.click(n("row"));var c=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Confirm"===e.textContent});r.rC.click(c),expect(a("modal")).not.toBeInTheDocument()}),it("should call onChange with picked color when confirmed",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),r.rC.click(t("pick-red"));var n=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Confirm"===e.textContent});r.rC.click(n),expect(e).toHaveBeenCalledWith("rgba(255, 0, 0, 1)")})}),describe("modal properties",function(){it("should render modal with small size",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),expect(t("modal")).toHaveAttribute("data-size","sm")}),it("should render modal with hideHeader",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),expect(t("modal")).toHaveAttribute("data-hide-header","true")}),it("should render modal as centered",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),expect(t("modal")).toHaveAttribute("data-centered","true")}),it("should render modal with isOpen true",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),expect(t("modal")).toHaveAttribute("data-is-open","true")})}),describe("button styling",function(){it("should render cancel button with primary outline",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row"));var n=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Cancel"===e.textContent});expect(n).toHaveAttribute("data-color","primary"),expect(n).toHaveAttribute("data-outline","true")}),it("should render confirm button without outline",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row"));var n=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Confirm"===e.textContent});expect(n).not.toHaveAttribute("data-outline")})}),describe("edge cases",function(){it("should handle undefined value",function(){var t=(0,r.XX)(o.createElement(l.default,{value:void 0,onChange:e})).getByTestId;expect(t("row")).toBeInTheDocument()}),it("should handle empty string value",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"",onChange:e})).container;expect(t.querySelector(".value")).toHaveStyle({backgroundColor:""})}),it("should handle inline label as React node",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e,inlineLabel:o.createElement("span",null,"Custom ",o.createElement("strong",null,"Label"))})).getByText;expect(t("Custom")).toBeInTheDocument(),expect(t("Label")).toBeInTheDocument()}),it("should re-open modal after closing",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})),n=t.getByTestId,a=t.queryByTestId;r.rC.click(n("row")),expect(n("modal")).toBeInTheDocument();var c=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Cancel"===e.textContent});r.rC.click(c),expect(a("modal")).not.toBeInTheDocument(),r.rC.click(n("row")),expect(n("modal")).toBeInTheDocument()}),it("should handle multiple color changes before confirming",function(){var t=(0,r.XX)(o.createElement(l.default,{value:"rgb(0,0,0)",onChange:e})).getByTestId;r.rC.click(t("row")),r.rC.click(t("pick-red")),r.rC.click(t("pick-blue-transparent"));var n=Array.from(document.querySelectorAll('[data-testid="button"]')).find(function(e){return"Confirm"===e.textContent});r.rC.click(n),expect(e).toHaveBeenCalledWith("rgba(0, 0, 255, 0.5)")})})})}}]);