vnode_element.spec.ts

import { EventHandler, VNodeFlags, VNode, t, UNSAFE_HTML, getComponent } from "ivi";
import * as h from "ivi-html";

test(`element flags`, () => {
  const v = h.div();
  expect(v._f & VNodeFlags.Element).toBeTruthy();
});

test(`tagName`, () => {
  const v = h.div();
  expect(v._t).toBe("div");
});

test(`default className should be undefined`, () => {
  const v = h.div();
  expect(v._cs).toBe(undefined);
});

test(`className=undefined`, () => {
  const v = h.div(undefined);
  expect(v._cs).toBe(undefined);
});

test(`className="cls"`, () => {
  const v = h.div("cls");
  expect(v._cs).toBe("cls");
});

test(`explicit key`, () => {
  const v = h.div().k("k");
  expect(v._f & VNodeFlags.Key).toBeTruthy();
  expect(v._k).toBe("k");
});

test(`style`, () => {
  const s = { top: "10px" };
  const v = h.div("", void 0, s);
  expect(v._s).toBe(s);
});

test(`events`, () => {
  const s: EventHandler[] = [];
  const v = h.div().e(s);
  expect(v._e).toBe(s);
});

test(`attributes`, () => {
  const s = {};
  const v = h.div("", s);
  expect(v._p).toBe(s);
});

test(`children`, () => {
  const v = h.div().c("abc");
  expect((v._c as VNode)._p as string).toBe("abc");
});

test(`assigning text content to void elements should raise an exception`, () => {
  expect(() => h.input().t("abc")).toThrow(Error);
});

test(`assigning text content to element with unsafeHTML should raise an exception`, () => {
  expect(() => h.div("", { unsafeHTML: UNSAFE_HTML("<span></span>") }).t("abc")).toThrow(Error);
});

test(`overwriting text content should raise an exception`, () => {
  const v = h.div().t("abc");
  expect(() => v.t("123")).toThrow(Error);
});

test(`overwriting children with text content should raise an exception`, () => {
  const v = h.div().c("abc");
  expect(() => v.t("123")).toThrow(Error);
});

test(`overwriting children should raise an exception`, () => {
  const v = h.div().c("abc");
  expect(() => v.c("123")).toThrow(Error);
});

test(`overwriting text content with children should raise an exception`, () => {
  const v = h.div().t("abc");
  expect(() => v.c("123")).toThrow(Error);
});

test(`assigning children to void elements should raise an exception`, () => {
  expect(() => h.input().c("abc")).toThrow(Error);
});

test(`assigning children to element with unsafeHTML should raise an exception`, () => {
  expect(() => h.div("", { unsafeHTML: UNSAFE_HTML("<span></span>") }).c("abc")).toThrow(Error);
});

test(`children with duplicate keys should raise an exception`, () => {
  expect(() => (
    h.div().c(
      t("").k("a"),
      t("").k("a"),
    )
  )).toThrow(Error);
});

test(`getComponent should raise an exception when it is invoked on a non-component node`, () => {
  expect(() => getComponent(h.div())).toThrowError();
});