How to test a component with hsl backgound color? ( Typescript )

[alamenai]

I'm using a CSS module for my styling, and I want to test the background color ( normal, hover, focus) of the button.

I have seen people struggle with the same issue, but they found solutions like chai-color or color libraries. The problem is I use Typescript and these libraries does not support types. How can I test my HSL background?

 it("when button rendered with type primary, should have blue color hsl(206, 100%, 42%)", () => {
    cy.mount(
      <Button
        text="Blue"
        type="primary"
      />
    );
    cy.get("button").should(
      "have.css",
      "background-color",
      "hsl(206, 100%, 42%)"
    );
  });