@zohodesk/components 1.0.0-temp-195 → 1.0.0-temp-196

package/es/TextBoxIcon/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { propTypes as TextBox_propTypes } from "../../TextBox/props/propTypes";
+import { propTypes as TextBox_propTypes } from '../../TextBox/props/propTypes';
 export const propTypes = { ...TextBox_propTypes,
   borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
   children: PropTypes.node,
@@ -32,7 +32,7 @@ export const propTypes = { ...TextBox_propTypes,
   placeHolder: PropTypes.string,
   showClearIcon: PropTypes.bool,
   size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium']),
-  title: PropTypes.func,
+  title: PropTypes.string,
   type: PropTypes.oneOf(['text', 'password', 'number']),
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   variant: PropTypes.oneOf(['primary', 'secondary', 'default']),

package/es/Textarea/Textarea.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['resizeX', 'resizeY', 'noresize', 'resizeboth', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'default', 'primary'] }] */
 
-import style from "./Textarea.module.css";
+import style from './Textarea.module.css';
 export default class Textarea extends React.Component {
   constructor(props) {
     super(props);

package/es/Textarea/__tests__/Textarea.spec.js

@@ -0,0 +1,228 @@
+import React from 'react';
+import Textarea from '../Textarea';
+import { render } from "@testing-library/react";
+describe('Textarea component', () => {
+  const size = ['xsmall', 'small', 'xmedium', 'medium', 'large'];
+  const resize = ['horizontal', 'vertical', 'both', 'none'];
+  const variant = ['default', 'primary'];
+  const borderColor = ['transparent', 'default'];
+  test('Should be render with the basic set of default props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(size)('Should render size  - %s', size => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      size: size,
+      animated: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render placeholder', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      placeHolder: "TextAreaPlaceHolder"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render needBorder is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      needBorder: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render text', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      text: "TextAreaText"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isDisabled is true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      isDisabled: true,
+      needEffect: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(resize)('Should render resize  - %s', resize => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      resize: resize
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render maxLength in number', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      maxLength: "11"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render maxLength in string', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      maxLength: "Ten"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(size)('Should render animated is true - %s', size => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      size: size,
+      animated: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(size)('Should render animated is false - %s', size => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      size: size,
+      animated: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(variant)('Should render Varient - %s', variant => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      variant: variant
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('to render eleRef prop is a function', () => {
+    // Create a mock function
+    const mockEleRef = jest.fn();
+    render( /*#__PURE__*/React.createElement(Textarea, {
+      getRef: mockEleRef
+    }));
+    expect(mockEleRef).toHaveBeenCalled();
+  });
+  test('Should be render isReadOnly is true and needEffect is true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      isReadOnly: true,
+      needEffect: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isReadOnly is true and needEffect is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      isReadOnly: true,
+      needEffect: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isReadOnly is false and needEffect is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      isReadOnly: false,
+      needEffect: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isDisabled is true and needEffect is true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      isDisabled: true,
+      needEffect: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isDisabled is true and needEffect is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      isDisabled: true,
+      needEffect: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isDisabled is false and needEffect is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      isDisabled: false,
+      needEffect: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render autofocus true ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      autoFocus: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render needAppearance is false ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      needAppearance: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render needReadOnlyStyle is false ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      needReadOnlyStyle: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(borderColor)('Should render borderColor - %s', borderColor => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      borderColor: borderColor
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render htmlId ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      htmlId: "textAreahtmlId"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering ally clearLabel', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      a11y: {
+        ariaLabel: 'TextAreaAriaLabel',
+        ariaLabelledby: 'TexareaAriaLabelledby'
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render customClass ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Textarea, {
+      customClass: "textAreaCustomClass"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});