import { expect, test } from "bun:test";
import { emailStyleValue, validateEmailStyleValue } from "../src/style-values.ts";

test("base style syntax rejects ignored or injected values and accepts supported units", () => {
  for (const [key, value] of [["padding","12"],["padding","1px 2px 3px 4px 5px"],["color","#12345"],["fontWeight","heavy"],["fontSize","12px;color:red"],["position","fixed"],["constructor","x"]]) {
    expect(emailStyleValue(key!, value)).toBe("");
    expect(() => validateEmailStyleValue(key!, value!)).toThrow();
  }
  for (const [key, value] of [["padding","0 12px"],["margin","1rem 2%"],["color","#1234"],["fontWeight","700"],["fontSize","16px"],["borderRadius","0"],["textAlign","end"]]) {
    expect(emailStyleValue(key!, value)).toBe(value!);
    expect(() => validateEmailStyleValue(key!, value!)).not.toThrow();
  }
});

test("RGB functions require correct channel counts, units and bounded components", () => {
  for (const value of ["rgb(1)", "rgb(1,2,3,4)", "rgba(1,2,3)", "rgb(256,0,0)", "rgb(100%,0,0)", "rgba(1,2,3,1.1)", "rgb(1..2,2,3)", "rgba(0,0,0,101%)"])
    expect(emailStyleValue("color", value)).toBe("");
  for (const value of ["rgb(255, 0, 12)", "rgb(100%, 0%, 50%)", "rgba(0,0,0,.5)", "rgba(0,0,0,50%)", "transparent"])
    expect(emailStyleValue("backgroundColor", value)).toBe(value);
  expect(emailStyleValue("padding", "0 4000px")).toBe("0 4000px");
  expect(emailStyleValue("padding", "0 4001px")).toBe("");
  expect(emailStyleValue("fontSize", "999999999999999999999px")).toBe("");
});