@ribajs/core/src/binders/class-name.binder.spec.ts

Core module of Riba.js

import { Riba } from "../riba.js";

import { ClassStarBinder } from "./class-name.binder.js";

import { dotAdapter } from "../adapters/dot.adapter.js";

const riba = new Riba();
riba.module.adapter.register(dotAdapter);
riba.module.binder.register(ClassStarBinder);

describe("riba.binders", () => {
  let element: HTMLDivElement;
  let fragment: DocumentFragment;
  let model: any = {};

  beforeEach(() => {
    fragment = document.createDocumentFragment();
    element = document.createElement("div");
    fragment.appendChild(element);

    model = {
      class: {
        hasMyClass: true,
      },
    };
  });

  describe("class-*", () => {
    it("Adds or removes the class name passed as star parameter", () => {
      element.className = "foobar";
      element.setAttribute("rv-class-myclass", "class.hasMyClass");

      expect(element.className).toEqual("foobar");

      riba.bind(fragment, model);

      expect(element.className).toEqual("foobar myclass");

      model.class.hasMyClass = false;

      expect(element.className).toEqual("foobar");
    });
  });
});