@pyreon/elements 0.11.4 → 0.11.6

package/src/__tests__/List.test.ts

@@ -1,33 +1,33 @@
-import type { ComponentFn, VNode } from "@pyreon/core"
-import { h } from "@pyreon/core"
-import { describe, expect, it } from "vitest"
-import { Element } from "../Element"
-import Iterator from "../helpers/Iterator"
-import { List } from "../List"
+import type { ComponentFn, VNode } from '@pyreon/core'
+import { h } from '@pyreon/core'
+import { describe, expect, it } from 'vitest'
+import { Element } from '../Element'
+import Iterator from '../helpers/Iterator'
+import { List } from '../List'
 
 const asVNode = (v: unknown) => v as VNode
 
-describe("List", () => {
-  describe("statics", () => {
-    it("has correct displayName", () => {
-      expect(List.displayName).toBe("@pyreon/elements/List")
+describe('List', () => {
+  describe('statics', () => {
+    it('has correct displayName', () => {
+      expect(List.displayName).toBe('@pyreon/elements/List')
     })
 
-    it("has correct pkgName", () => {
-      expect(List.pkgName).toBe("@pyreon/elements")
+    it('has correct pkgName', () => {
+      expect(List.pkgName).toBe('@pyreon/elements')
     })
 
-    it("has correct PYREON__COMPONENT", () => {
-      expect(List.PYREON__COMPONENT).toBe("@pyreon/elements/List")
+    it('has correct PYREON__COMPONENT', () => {
+      expect(List.PYREON__COMPONENT).toBe('@pyreon/elements/List')
     })
   })
 
-  describe("rootElement = false (default)", () => {
-    it("returns a VNode whose type is Iterator", () => {
-      const Comp: ComponentFn = (props: any) => h("span", null, props.children)
+  describe('rootElement = false (default)', () => {
+    it('returns a VNode whose type is Iterator', () => {
+      const Comp: ComponentFn = (props: any) => h('span', null, props.children)
       const result = asVNode(
         List({
-          data: ["a", "b"],
+          data: ['a', 'b'],
           component: Comp,
         }),
       )
@@ -35,12 +35,12 @@ describe("List", () => {
       expect(result.type).toBe(Iterator)
     })
 
-    it("passes iterator-related props to the Iterator VNode", () => {
-      const Comp: ComponentFn = (props: any) => h("span", null, props.children)
-      const data = ["a", "b", "c"]
+    it('passes iterator-related props to the Iterator VNode', () => {
+      const Comp: ComponentFn = (props: any) => h('span', null, props.children)
+      const data = ['a', 'b', 'c']
       const itemKeyFn = (_item: unknown, i: number) => i
       const itemPropsFn = () => ({})
-      const WrapComp: ComponentFn = (props: any) => h("div", null, ...props.children)
+      const WrapComp: ComponentFn = (props: any) => h('div', null, ...props.children)
 
       const result = asVNode(
         List({
@@ -48,9 +48,9 @@ describe("List", () => {
           component: Comp,
           itemKey: itemKeyFn,
           itemProps: itemPropsFn,
-          valueName: "label",
+          valueName: 'label',
           wrapComponent: WrapComp,
-          wrapProps: { className: "wrap" },
+          wrapProps: { className: 'wrap' },
         }),
       )
 
@@ -59,20 +59,20 @@ describe("List", () => {
       expect(result.props.component).toBe(Comp)
       expect(result.props.itemKey).toBe(itemKeyFn)
       expect(result.props.itemProps).toBe(itemPropsFn)
-      expect(result.props.valueName).toBe("label")
+      expect(result.props.valueName).toBe('label')
       expect(result.props.wrapComponent).toBe(WrapComp)
-      expect(result.props.wrapProps).toEqual({ className: "wrap" })
+      expect(result.props.wrapProps).toEqual({ className: 'wrap' })
     })
 
-    it("does not pass non-iterator props to Iterator", () => {
-      const Comp: ComponentFn = (props: any) => h("span", null, props.children)
+    it('does not pass non-iterator props to Iterator', () => {
+      const Comp: ComponentFn = (props: any) => h('span', null, props.children)
       const result = asVNode(
         List({
-          data: ["a"],
+          data: ['a'],
           component: Comp,
           block: true,
           gap: 8,
-          direction: "rows",
+          direction: 'rows',
         } as any),
       )
 
@@ -82,8 +82,8 @@ describe("List", () => {
       expect(result.props.direction).toBeUndefined()
     })
 
-    it("forwards children prop to Iterator", () => {
-      const child = h("span", null, "hello")
+    it('forwards children prop to Iterator', () => {
+      const child = h('span', null, 'hello')
       const result = asVNode(List({ children: child }))
 
       expect(result.type).toBe(Iterator)
@@ -91,12 +91,12 @@ describe("List", () => {
     })
   })
 
-  describe("rootElement = true", () => {
-    it("returns a VNode whose type is Element", () => {
-      const Comp: ComponentFn = (props: any) => h("span", null, props.children)
+  describe('rootElement = true', () => {
+    it('returns a VNode whose type is Element', () => {
+      const Comp: ComponentFn = (props: any) => h('span', null, props.children)
       const result = asVNode(
         List({
-          data: ["a"],
+          data: ['a'],
           component: Comp,
           rootElement: true,
         }),
@@ -105,33 +105,33 @@ describe("List", () => {
       expect(result.type).toBe(Element)
     })
 
-    it("passes layout props to the Element VNode", () => {
-      const Comp: ComponentFn = (props: any) => h("span", null, props.children)
+    it('passes layout props to the Element VNode', () => {
+      const Comp: ComponentFn = (props: any) => h('span', null, props.children)
       const result = asVNode(
         List({
-          data: ["a"],
+          data: ['a'],
           component: Comp,
           rootElement: true,
           block: true,
           gap: 8,
-          direction: "rows",
+          direction: 'rows',
         } as any),
       )
 
       expect(result.type).toBe(Element)
       expect(result.props.block).toBe(true)
       expect(result.props.gap).toBe(8)
-      expect(result.props.direction).toBe("rows")
+      expect(result.props.direction).toBe('rows')
     })
 
-    it("does not pass iterator-reserved props to Element", () => {
-      const Comp: ComponentFn = (props: any) => h("span", null, props.children)
+    it('does not pass iterator-reserved props to Element', () => {
+      const Comp: ComponentFn = (props: any) => h('span', null, props.children)
       const result = asVNode(
         List({
-          data: ["x"],
+          data: ['x'],
           component: Comp,
           rootElement: true,
-          valueName: "label",
+          valueName: 'label',
         }),
       )
 
@@ -142,9 +142,9 @@ describe("List", () => {
       expect(result.props.valueName).toBeUndefined()
     })
 
-    it("nests an Iterator VNode as children of Element", () => {
-      const Comp: ComponentFn = (props: any) => h("span", null, props.children)
-      const data = ["a", "b"]
+    it('nests an Iterator VNode as children of Element', () => {
+      const Comp: ComponentFn = (props: any) => h('span', null, props.children)
+      const data = ['a', 'b']
       const result = asVNode(
         List({
           data,
@@ -163,14 +163,14 @@ describe("List", () => {
       expect(iteratorNode.props.component).toBe(Comp)
     })
 
-    it("forwards ref to Element", () => {
-      const Comp: ComponentFn = (props: any) => h("span", null, props.children)
+    it('forwards ref to Element', () => {
+      const Comp: ComponentFn = (props: any) => h('span', null, props.children)
       const refFn = (_node: unknown) => {
         /* noop */
       }
       const result = asVNode(
         List({
-          data: ["a"],
+          data: ['a'],
           component: Comp,
           rootElement: true,
           ref: refFn,
@@ -182,17 +182,17 @@ describe("List", () => {
     })
   })
 
-  describe("Iterator.RESERVED_PROPS", () => {
-    it("contains the expected prop names", () => {
+  describe('Iterator.RESERVED_PROPS', () => {
+    it('contains the expected prop names', () => {
       expect(Iterator.RESERVED_PROPS).toEqual([
-        "children",
-        "component",
-        "wrapComponent",
-        "data",
-        "itemKey",
-        "valueName",
-        "itemProps",
-        "wrapProps",
+        'children',
+        'component',
+        'wrapComponent',
+        'data',
+        'itemKey',
+        'valueName',
+        'itemProps',
+        'wrapProps',
       ])
     })
   })