@kineticdata/react 6.0.2 → 6.0.4

package/lib/components/form/tests/components.js

@@ -1,69 +1,74 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockFieldConfig = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _immutable = require("immutable");
+var _excluded = ["fields", "error", "buttons"];
+var stringifyProps = function stringifyProps(props) {
+  return JSON.stringify(props,
+  // Make sure functions are stringified to an empty function string
+  // instead of being omitted
+  function (k, v) {
+    return typeof v === 'function' ? '() => {}' : v;
+  }, 2);
+};
+var stringifyImmutablePropTypes = function stringifyImmutablePropTypes(props) {
+  return JSON.stringify(Object.entries(props).reduce(function (o, _ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      k = _ref2[0],
+      v = _ref2[1];
+    return (0, _immutable.isImmutable)(v) ? (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, o), {}, (0, _defineProperty2["default"])({}, k, "Immutable".concat(_immutable.List.isList(v) ? '.List' : _immutable.OrderedMap.isOrderedMap(v) ? '.OrderedMap' : _immutable.Map.isMap(v) ? '.Map' : _immutable.Record.isRecord(v) ? '.Record' : ''))) : o;
+  }, {}), null, 2);
+};
+
+// Create a mock component that renders a div and all of its props as
+// stringified attributes on that div
+var generateMock = function generateMock(name) {
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      "data-testid": name
+      // Store the stringified props for the component
+      ,
+      "data-props": stringifyProps(props)
+      // Store the immutable types for the relevant props because JSON.stringify
+      // removes that metadata in the data-props above, and we want to verify
+      // that certain props are Immutable instances in some tests
+      ,
+      "data-immutable-props": stringifyImmutablePropTypes(props)
+    });
+  };
+};
+
 // Define mock functional components for each of the form fields, form buttons
 // and form error. We define them explicitly like this because this is the name
 // that we want to be used in the snapshot. When testing overrides we will then
 // be able to determine that the override was used instead of the mock.
-var AttributesFieldMock = function AttributesFieldMock() {
-  return null;
-};
-var CheckboxFieldMock = function CheckboxFieldMock() {
-  return null;
-};
-var CodeFieldMock = function CodeFieldMock() {
-  return null;
-};
-var FormButtonsMock = function FormButtonsMock() {
-  return null;
-};
-var FormErrorMock = function FormErrorMock() {
-  return null;
-};
-var FormFieldMock = function FormFieldMock() {
-  return null;
-};
-var FormMultiFieldMock = function FormMultiFieldMock() {
-  return null;
-};
-var PasswordFieldMock = function PasswordFieldMock() {
-  return null;
-};
-var RadioFieldMock = function RadioFieldMock() {
-  return null;
-};
-var TeamFieldMock = function TeamFieldMock() {
-  return null;
-};
-var TeamMultiFieldMock = function TeamMultiFieldMock() {
-  return null;
-};
-var SelectFieldMock = function SelectFieldMock() {
-  return null;
-};
-var SelectMultiFieldMock = function SelectMultiFieldMock() {
-  return null;
-};
-var TextFieldMock = function TextFieldMock() {
-  return null;
-};
-var TextMultiFieldMock = function TextMultiFieldMock() {
-  return null;
-};
-var UserFieldMock = function UserFieldMock() {
-  return null;
-};
-var UserMultiFieldMock = function UserMultiFieldMock() {
-  return null;
-};
-var TableFieldMock = function TableFieldMock() {
-  return null;
-};
+var AttributesFieldMock = generateMock('AttributesFieldMock');
+var CheckboxFieldMock = generateMock('CheckboxFieldMock');
+var CodeFieldMock = generateMock('CodeFieldMock');
+var FormButtonsMock = generateMock('FormButtonsMock');
+var FormErrorMock = generateMock('FormErrorMock');
+var FormFieldMock = generateMock('FormFieldMock');
+var FormMultiFieldMock = generateMock('FormMultiFieldMock');
+var PasswordFieldMock = generateMock('PasswordFieldMock');
+var RadioFieldMock = generateMock('RadioFieldMock');
+var TeamFieldMock = generateMock('TeamFieldMock');
+var TeamMultiFieldMock = generateMock('TeamMultiFieldMock');
+var SelectFieldMock = generateMock('SelectFieldMock');
+var SelectMultiFieldMock = generateMock('SelectMultiFieldMock');
+var TextFieldMock = generateMock('TextFieldMock');
+var TextMultiFieldMock = generateMock('TextMultiFieldMock');
+var UserFieldMock = generateMock('UserFieldMock');
+var UserMultiFieldMock = generateMock('UserMultiFieldMock');
+var TableFieldMock = generateMock('TableFieldMock');
 var mockFieldConfig = exports.mockFieldConfig = {
   AttributesField: AttributesFieldMock,
   CheckboxField: CheckboxFieldMock,
@@ -74,11 +79,16 @@ var mockFieldConfig = exports.mockFieldConfig = {
   FormMultiField: FormMultiFieldMock,
   // FormLayout is the one component we actually want to render so that the
   // <Field> components end up being rendered and are then testable.
-  FormLayout: function FormLayout(_ref) {
-    var buttons = _ref.buttons,
-      error = _ref.error,
-      fields = _ref.fields;
-    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, fields.toList(), error, buttons);
+  FormLayout: function FormLayout(_ref3) {
+    var fields = _ref3.fields,
+      error = _ref3.error,
+      buttons = _ref3.buttons,
+      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
+    return /*#__PURE__*/_react["default"].createElement("form", {
+      "data-testid": "FormLayout",
+      "data-props": stringifyProps(props),
+      "data-immutable-props": stringifyImmutablePropTypes(props)
+    }, fields.toList(), error, buttons);
   },
   PasswordField: PasswordFieldMock,
   RadioField: RadioFieldMock,

package/lib/components/table/{Table.redux.test.js → tests/Table.redux.test.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var _Table = require("./Table.redux");
+var _Table = require("../Table.redux");
 var _immutable = require("immutable");
 describe('<Table /> redux', function () {
   describe('setup', function () {