testbook/server/build/propTypes.test.js

Testing UI

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const PropTypes = require("prop-types");
const { inferPropTypes } = require("./propTypes");
describe("propTypes", () => {
    class Message {
    }
    [
        [PropTypes.array, "array"],
        [PropTypes.bool, "boolean"],
        [PropTypes.func, "function"],
        [PropTypes.number, "number"],
        [PropTypes.object, "object"],
        [PropTypes.string, "string"],
        [PropTypes.symbol, "symbol"],
        [PropTypes.node, "React.ReactNode"],
        // A React element.
        [PropTypes.element, "React.ReactElement"],
        // A React element type (ie. MyComponent).
        [PropTypes.elementType, "React.ComponentType"],
        [PropTypes.instanceOf(Message), "instanceOf:Message"],
        [PropTypes.oneOf(["News", "Photos"]), 'oneOf:["News","Photos"]'],
        // An object that could be one of many types
        [
            PropTypes.oneOfType([
                PropTypes.string,
                PropTypes.number,
                PropTypes.instanceOf(Message),
            ]),
            undefined,
        ],
        // An array of a certain type
        [PropTypes.arrayOf(PropTypes.number), "array"],
        // An object with property values of a certain type
        [PropTypes.objectOf(PropTypes.number), "object"],
        // An object taking on a particular shape
        [
            PropTypes.shape({
                color: PropTypes.string,
                fontSize: PropTypes.number,
            }),
            "object",
        ],
        // An object with warnings on extra properties
        [
            PropTypes.exact({
                name: PropTypes.string,
                quantity: PropTypes.number,
            }),
            "object",
        ],
    ].forEach(([propType, expected]) => {
        test(`inferPropTypes ${expected}`, () => {
            expect(inferPropTypes({
                prop: propType,
            })).toEqual({
                prop: [expected, false],
            });
        });
        test(`inferPropTypes ${expected} required`, () => {
            expect(inferPropTypes({
                prop: propType.isRequired,
            })).toEqual({
                prop: [expected, true],
            });
        });
    });
});
//# sourceMappingURL=propTypes.test.js.map