@zohodesk/components 1.2.12 → 1.2.14

package/es/Stencils/__tests__/Stencils.spec.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Stencils from '../Stencils.js';
+describe('Stencils', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Stencils, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  const palette = ['primary', 'secondary', 'dark'];
+  test.each(palette)('rendering the palette of- %s', palette => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Stencils, {
+      palette: palette
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  const shape = ['rect', 'circle'];
+  test.each(shape)('rendering the shape of- %s', shape => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Stencils, {
+      shape: shape
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  const size = ['small', 'medium', 'large', 'default'];
+  test.each(size)('rendering the size of- %s', size => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Stencils, {
+      size: size
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the customClass', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Stencils, {
+      customClass: "StencilsCustomClass"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/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/es/Switch/__tests__/Switch.spec.js

@@ -0,0 +1,156 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Switch from '../Switch';
+describe('Switch', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the checked', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      checked: true,
+      id: "SwitchID"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the dataId', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      dataId: "data-Switch",
+      id: "SwitchID"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the disabled and disableTitle', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      disabled: true,
+      disableTitle: "data-disableTitle",
+      id: "SwitchID"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the text', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      text: "SwitchText",
+      id: "SwitchID"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the ID', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      id: "SwitchID",
+      text: "SwitchText"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isReadOnly', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      isReadOnly: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  const size = ['small', 'medium'];
+  test.each(size)('rendering the size of- %s', size => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      size: size,
+      id: "SwitchID"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  const labelSize = ['small', 'medium', 'large'];
+  test.each(labelSize)('rendering the labelSize of- %s', labelSize => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      text: "SwitchText",
+      id: "SwitchID",
+      labelSize: labelSize
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  const labelPalette = ['default', 'primary', 'secondary', 'danger', 'mandatory'];
+  test.each(labelPalette)('rendering the labelSize of- %s', labelPalette => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      text: "SwitchText",
+      id: "SwitchID",
+      labelPalette: labelPalette
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the Name', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      name: "LabelName",
+      id: "SwitchID"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the Title', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      title: "LabelTitle",
+      id: "SwitchID"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the Value', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      value: true,
+      id: "SwitchID"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the CustomClass', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      text: "SwitchText",
+      id: "SwitchID",
+      customClass: {
+        customSwitchWrap: 'SwtichCustomSwitchWrap',
+        customSwitch: 'SwtichCustomSwitch',
+        customSwitchSize: 'SwtichCustomSwitchSize',
+        customLabel: 'SwtichCustomLabel'
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the CustomProps', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Switch, {
+      text: "SwitchText",
+      id: "SwitchID",
+      customProps: {
+        SwitchProps: {
+          'data-switch': true
+        },
+        LabelProps: {
+          title: 'SwtichTitle'
+        }
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});