@zohodesk/components 1.2.12 → 1.2.14

package/lib/Stencils/__tests__/Stencils.spec.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Stencils = _interopRequireDefault(require("../Stencils.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Stencils', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  var palette = ['primary', 'secondary', 'dark'];
+  test.each(palette)('rendering the palette of- %s', function (palette) {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
+      palette: palette
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  var shape = ['rect', 'circle'];
+  test.each(shape)('rendering the shape of- %s', function (shape) {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
+      shape: shape
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  var size = ['small', 'medium', 'large', 'default'];
+  test.each(size)('rendering the size of- %s', function (size) {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
+      size: size
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the customClass', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
+      customClass: "StencilsCustomClass"
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap

@@ -0,0 +1,89 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Stencils rendering the customClass 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary StencilsCustomClass"
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the palette of- dark 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium dark "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the palette of- primary 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the palette of- secondary 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium secondary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the shape of- circle 1`] = `
+<DocumentFragment>
+  <div
+    class="container circle cmedium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the shape of- rect 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the size of- default 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular default primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the size of- large 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular large primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the size of- medium 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular medium primary "
+  />
+</DocumentFragment>
+`;
+
+exports[`Stencils rendering the size of- small 1`] = `
+<DocumentFragment>
+  <div
+    class="container rectangular small primary "
+  />
+</DocumentFragment>
+`;

package/lib/Switch/__tests__/Switch.spec.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Switch = _interopRequireDefault(require("../Switch"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Switch', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the checked', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      checked: true,
+      id: "SwitchID"
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the dataId', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      dataId: "data-Switch",
+      id: "SwitchID"
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the disabled and disableTitle', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      disabled: true,
+      disableTitle: "data-disableTitle",
+      id: "SwitchID"
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the text', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      text: "SwitchText",
+      id: "SwitchID"
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the ID', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      id: "SwitchID",
+      text: "SwitchText"
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isReadOnly', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      isReadOnly: true
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  var size = ['small', 'medium'];
+  test.each(size)('rendering the size of- %s', function (size) {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      size: size,
+      id: "SwitchID"
+    })),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  var labelSize = ['small', 'medium', 'large'];
+  test.each(labelSize)('rendering the labelSize of- %s', function (labelSize) {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      text: "SwitchText",
+      id: "SwitchID",
+      labelSize: labelSize
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  var labelPalette = ['default', 'primary', 'secondary', 'danger', 'mandatory'];
+  test.each(labelPalette)('rendering the labelSize of- %s', function (labelPalette) {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      text: "SwitchText",
+      id: "SwitchID",
+      labelPalette: labelPalette
+    })),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the Name', function () {
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      name: "LabelName",
+      id: "SwitchID"
+    })),
+        asFragment = _render11.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the Title', function () {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      title: "LabelTitle",
+      id: "SwitchID"
+    })),
+        asFragment = _render12.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the Value', function () {
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      value: true,
+      id: "SwitchID"
+    })),
+        asFragment = _render13.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the CustomClass', function () {
+    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      text: "SwitchText",
+      id: "SwitchID",
+      customClass: {
+        customSwitchWrap: 'SwtichCustomSwitchWrap',
+        customSwitch: 'SwtichCustomSwitch',
+        customSwitchSize: 'SwtichCustomSwitchSize',
+        customLabel: 'SwtichCustomLabel'
+      }
+    })),
+        asFragment = _render14.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the CustomProps', function () {
+    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+      text: "SwitchText",
+      id: "SwitchID",
+      customProps: {
+        SwitchProps: {
+          'data-switch': true
+        },
+        LabelProps: {
+          title: 'SwtichTitle'
+        }
+      }
+    })),
+        asFragment = _render15.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});