import { createProps } from "../src/components/userInterface/pagesParsing/createProps" import { keys, some } from "lodash/fp" import { BB_STATE_BINDINGPATH } from "@budibase/client/src/state/parseBinding" import { stripStandardProps } from "./testData" describe("createDefaultProps", () => { const getcomponent = () => ({ name: "some_component", props: { fieldName: { type: "string", default: "something" }, }, }) it("should create a object with single string value, when default string field set", () => { const { props, errors } = createProps(getcomponent()) expect(errors).toEqual([]) expect(props.fieldName).toBeDefined() expect(props.fieldName).toBe("something") stripStandardProps(props) expect(keys(props).length).toBe(3) }) it("should set component name", () => { const { props, errors } = createProps(getcomponent()) expect(errors).toEqual([]) expect(props._component).toBe("some_component") }) it("should return error when component name not supplied", () => { const comp = getcomponent() comp.name = "" const { errors } = createProps(comp) expect(errors.length).toEqual(1) }) it("should create a object with single blank string value, when no default", () => { const comp = getcomponent() comp.props.fieldName = { type: "string" } const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props.fieldName).toBeDefined() expect(props.fieldName).toBe("") }) it("should create a object with single blank string value, when prop definition is 'string' ", () => { const comp = getcomponent() comp.props.fieldName = "string" const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props.fieldName).toBeDefined() expect(props.fieldName).toBe("") }) it("should create a object with single fals value, when prop definition is 'bool' ", () => { const comp = getcomponent() comp.props.isVisible = "bool" const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props.isVisible).toBeDefined() expect(props.isVisible).toBe(false) }) it("should create a object with single 0 value, when prop definition is 'number' ", () => { const comp = getcomponent() comp.props.width = "number" const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props.width).toBeDefined() expect(props.width).toBe(0) }) it("should create a object with empty _children array, when children===true ", () => { const comp = getcomponent() comp.children = true const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props._children).toBeDefined() expect(props._children).toEqual([]) }) it("should create a object without _children array, when children===false ", () => { const comp = getcomponent() comp.children = false const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props._children).not.toBeDefined() }) it("should create a object with single empty array, when prop definition is 'event' ", () => { const comp = getcomponent() comp.props.onClick = "event" const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props.onClick).toBeDefined() expect(props.onClick).toEqual([]) }) it("should create a object with empty state when prop def is 'state' ", () => { const comp = getcomponent() comp.props.data = "state" const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props.data[BB_STATE_BINDINGPATH]).toBeDefined() expect(props.data[BB_STATE_BINDINGPATH]).toBe("") }) it("should create a object children array when children == true ", () => { const comp = getcomponent() comp.children = true const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props._children).toBeDefined() expect(props._children).toEqual([]) }) it("should create a _children array when children not defined ", () => { const comp = getcomponent() const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props._children).toBeDefined() expect(props._children).toEqual([]) }) it("should not create _children array when children=false ", () => { const comp = getcomponent() comp.children = false const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props._children).not.toBeDefined() }) it("should create an object with multiple prop names", () => { const comp = getcomponent() comp.props.fieldName = "string" comp.props.fieldLength = { type: "number", default: 500 } const { props, errors } = createProps(comp) expect(errors).toEqual([]) expect(props.fieldName).toBeDefined() expect(props.fieldName).toBe("") expect(props.fieldLength).toBeDefined() expect(props.fieldLength).toBe(500) }) it("should return error when invalid type", () => { const comp = getcomponent() comp.props.fieldName = "invalid type name" comp.props.fieldLength = { type: "invalid type name " } const { errors } = createProps(comp) expect(errors.length).toBe(2) expect(some(e => e.propName === "fieldName")(errors)).toBeTruthy() expect(some(e => e.propName === "fieldLength")(errors)).toBeTruthy() }) it("should return error default value is not of declared type", () => { const comp = getcomponent() comp.props.fieldName = { type: "string", default: 1 } const { errors } = createProps(comp) expect(errors.length).toBe(1) expect(some(e => e.propName === "fieldName")(errors)).toBeTruthy() }) it("should merge in derived props", () => { const comp = getcomponent() comp.props.fieldName = "string" comp.props.fieldLength = { type: "number", default: 500 } const derivedFrom = { fieldName: "surname", } const { props, errors } = createProps(comp, derivedFrom) expect(errors.length).toBe(0) expect(props.fieldName).toBe("surname") expect(props.fieldLength).toBe(500) }) it("should create standard props", () => { const comp = getcomponent() comp.props.fieldName = { type: "string", default: 1 } const { props } = createProps(comp) expect(props._code).toBeDefined() expect(props._styles).toBeDefined() expect(props._code).toBeDefined() }) })