freesewing/packages/core/tests/attributes.test.mjs

import chai from "chai"
import { Point } from "./dist/index.mjs"

const expect = chai.expect

const newAttr = () => new Point(0, 0).attributes;

const a = newAttr();

describe('Attributes', () => {
  it("Should set an attribute", () => {
    a.set('hold', 'me')
    expect(a.get("hold")).to.equal('me');
  });

  it("Should remove an attribute", () => {
    a.remove('hold')
    expect(a.get("hold")).to.equal(false);
  });

  it("Should only set an unset attribute", () => {
    a.setIfUnset('hold', 'me')
    expect(a.get("hold")).to.equal('me');
    a.setIfUnset('hold', 'thatDudeOverThere')
    expect(a.get("hold")).to.equal('me');
  });

  it("Should return false when getting an unset attribute", () => {
    let a = newAttr();
    expect(a.get("test")).to.equal(false);
  });

  it("Should render attributes correctly", () => {
    let a = newAttr()
      .set("class", "test")
      .add("class", "render")
      .set("transform", "scale(1)");
    expect(a.render()).to.equal(' class="test render" transform="scale(1)"');
  });

  it("Should render attributes with given prefix only", () => {
    let a = newAttr()
      .set("class", "test")
      .add("class", "render")
      .add("data-text", "foo")
      .add("data-text", "bar")
      .add("data-mode", "test")
      .set("transform", "scale(1)");
    expect(a.renderIfPrefixIs("data-")).to.equal(' text="foo bar" mode="test"');
  });

  it("Should return attributes as array", () => {
    let a = newAttr()
      .set("class", "test")
      .add("class", "render");
    expect(JSON.stringify(a.getAsArray("class"))).to.equal(
      JSON.stringify(["test", "render"])
    );
    expect(a.getAsArray("nope")).to.equal(false);
  });

  it("Should render attributes as CSS", () => {
    let a = newAttr()
      .set("line-height", 1.2)
      .add("border", "1px solid red");
    expect(a.renderAsCss()).to.equal(" line-height:1.2; border:1px solid red;");
  });

  it("Should return attributes as props and filter a prefix", () => {
    const a = newAttr()
      .set("line-height", 1.2)
      .add("border", "1px solid red")
      .set("data-text", "This is a test")
      .set("data-text-class", "center");
    const props = a.asPropsIfPrefixIs('data-')
    expect(props.text).to.equal("This is a test");
    expect(props['text-class']).to.equal("center");
  });

  it("Should return attributes as props and handle special class case", () => {
    const a = newAttr().set("class", "fabric");
    const props = a.asPropsIfPrefixIs('')
    expect(props.className).to.equal("fabric");
  });
})