@zohodesk/dot 1.4.15 → 1.4.17

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useState, useEffect } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -202,7 +200,7 @@ const TagsMultiSelectField = props => {
     renderProps: {
       end: renderEnd
     }
-  }, /*#__PURE__*/React.createElement(Label, _extends({
+  }, /*#__PURE__*/React.createElement(Label, {
     text: labelName,
     title: labelName,
     id: id,
@@ -210,11 +208,12 @@ const TagsMultiSelectField = props => {
     palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
     customClass: `${fieldStyle.fieldLabel} ${isMandatory ? fieldStyle.labelMandatory : ''} ${labelClass ? labelClass : ''}`,
     dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-    htmlFor: htmlId
-  }, LabelProps)), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
+    htmlFor: htmlId,
+    ...LabelProps
+  }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
     dataId: `${dataId}_tagCount`,
     className: style.count
-  }, `(${selectedValueCount})`) : null), /*#__PURE__*/React.createElement(TagsMultiSelect, _extends({
+  }, `(${selectedValueCount})`) : null), /*#__PURE__*/React.createElement(TagsMultiSelect, {
     addTag: handleAdd,
     deleteTag: onDelete,
     handleChange: handleChange,
@@ -244,16 +243,17 @@ const TagsMultiSelectField = props => {
     borderColor: borderColor,
     htmlId: htmlId,
     getTextBoxChildren: getTextBoxChildren,
-    className: containerClass
-  }, TagsMultiSelectProps, {
+    className: containerClass,
+    ...TagsMultiSelectProps,
     clickableTag: clickableTag
-  })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+  }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
     text: validationMessage,
     palette: validationPalette,
     type: errorType,
     dataId: `${dataId}_ValidationMessage`,
-    htmlFor: htmlId
-  }, ValidationMessageProps)));
+    htmlFor: htmlId,
+    ...ValidationMessageProps
+  }));
 };
 
 TagsMultiSelectField.propTypes = propTypes;

package/es/form/fields/TagsMultiSelectField/__tests__/TagsMultiSelectField.spec.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TagsMultiSelectField from '../TagsMultiSelectField';
+describe('TagsMultiSelectField', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TagsMultiSelectField, {
+      actions: {},
+      fieldProperties: {
+        value: []
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap

@@ -0,0 +1,75 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TagsMultiSelectField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="undefined"
+    class=""
+    data-selector-id="tagsMultiSelectField"
+    tabindex="0"
+  >
+    <div
+      class="container  hasBorder
+              borderColor_default  "
+      data-id="_tagsContainer"
+      data-selector-id="tagsMultiSelectField"
+      data-test-id="_tagsContainer"
+    >
+      <div
+        class="tagDiv  flex rowdir wrap vCenter scrolly"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="inputWrapper grow basisAuto shrinkOn"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <span
+            class="custmSpan"
+          />
+          <div
+            class="container effect  custmInp  flex rowdir"
+            data-id="containerComponent"
+            data-selector-id="textBoxIcon"
+            data-test-id="containerComponent"
+          >
+            <div
+              class="grow basis shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <input
+                class="  container xsmall  default  effect  borderColor_default  input"
+                data-id="_tagInp"
+                data-selector-id="textBoxIcon"
+                data-test-id="_tagInp"
+                maxlength="50"
+                placeholder="-"
+                type="text"
+                value=""
+              />
+            </div>
+            <div
+              class="iconContainer  shrinkOff"
+              data-id="boxComponent"
+              data-selector-id="box"
+              data-test-id="boxComponent"
+            >
+              <div
+                class="flex cover rowdir"
+                data-id="containerComponent"
+                data-selector-id="container"
+                data-test-id="containerComponent"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/TextBoxField/TextBoxField.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -103,18 +101,18 @@ export default class TextBoxField extends PureComponent {
       ePhiData: ePhiData,
       dataId: dataId,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       size: fieldSize === 'small' ? 'small' : 'medium',
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps, {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps,
       id: labelName
-    }))), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(TextBoxIcon, _extends({
+    }, /*#__PURE__*/React.createElement(TextBoxIcon, {
       htmlId: uniqueId,
       id: id,
       type: textBoxType,
@@ -134,24 +132,26 @@ export default class TextBoxField extends PureComponent {
       isDisabled: isDisabled,
       needEffect: isReadOnly || isDisabled ? false : true,
       isClickable: isClickable,
-      needReadOnlyStyle: needReadOnlyStyle
-    }, TextBoxIconProps, {
+      needReadOnlyStyle: needReadOnlyStyle,
+      ...TextBoxIconProps,
       a11y: {
         ariaLabelledby: labelName
       }
-    }), children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }, children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       dataId: `${dataId}_ValidationMessage`,
-      htmlFor: uniqueId
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      htmlFor: uniqueId,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

package/es/form/fields/TextBoxField/__tests__/TextBoxField.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextBoxField from '../TextBoxField';
+describe('TextBoxField', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextBoxField, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap

@@ -0,0 +1,55 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextBoxField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container "
+    data-selector-id="textBoxField"
+  >
+    <div
+      class="fieldContainer "
+    >
+      <div
+        class="container effect    flex rowdir"
+        data-id="containerComponent"
+        data-selector-id="textBoxIcon"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <input
+            class="  container xmedium  primary  effect  borderColor_default  "
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            id="1"
+            maxlength="250"
+            type="text"
+            value=""
+          />
+        </div>
+        <div
+          class="iconContainer  shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex cover rowdir"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          />
+        </div>
+        <div
+          class="line borderColor_default "
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/TextEditor/__tests__/TextEditor.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextEditor from '../TextEditor';
+describe('TextEditor', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextEditor, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextEditor rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="textEditor large borderTop
+        light  editorHide flex cover coldir"
+    data-id="containerComponent"
+    data-iseditor="true"
+    data-selector-id="textEditor"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/TextEditorField/TextEditorField.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -121,17 +119,18 @@ export default class TextEditorField extends PureComponent {
       renderProps: {
         end: this.renderEnd
       }
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       size: fieldSize === 'small' ? 'small' : 'medium',
       htmlFor: !isReadOnly && !isDisabled ? id : undefined,
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       onClick: this.handleLabelClick,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps))), /*#__PURE__*/React.createElement("div", {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(TextEditorWrapper, _extends({
+    }, /*#__PURE__*/React.createElement(TextEditorWrapper, {
       needEditor: needEditor,
       onChange: this.handleChange,
       id: id,
@@ -160,13 +159,15 @@ export default class TextEditorField extends PureComponent {
       shouldEditorUpdateContent: shouldEditorUpdateContent,
       setInlineAttachmentInProgress: setInlineAttachmentInProgress,
       handleEditorDropUpload: handleEditorDropUpload,
-      needInlineAttachment: needInlineAttachment
-    }, TextEditorWrapperProps))), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      needInlineAttachment: needInlineAttachment,
+      ...TextEditorWrapperProps
+    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps)));
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps
+    }));
   }
 
 }

package/es/form/fields/TextEditorField/__tests__/TextEditorField.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextEditorField from '../TextEditorField';
+describe('TextEditorField', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextEditorField, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextEditorField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container  "
+    data-selector-id="textEditorField"
+  >
+    <div
+      class="fieldContainer "
+    >
+      <div
+        class="container"
+        data-selector-id="textEditorWrapper"
+      >
+        <textarea
+          class="textBox  container xsmall primary needBorder noresize     effect borderColor_default"
+          data-id="TextareaComp"
+          data-selector-id="textarea"
+          data-test-id="TextareaComp"
+        />
+        <div />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -132,7 +130,7 @@ export default class TextEditorWrapper extends Component {
     return /*#__PURE__*/React.createElement("div", {
       className: style.container,
       "data-selector-id": dataSelectorId
-    }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, _extends({
+    }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, {
       onFocus: this.handleTextareaFocus,
       text: value,
       animated: !needEditor,
@@ -144,8 +142,9 @@ export default class TextEditorWrapper extends Component {
       getRef: getRef,
       size: textBoxSize,
       variant: textBoxVariant,
-      customClass: style.textBox
-    }, Textarea1Props)) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
+      customClass: style.textBox,
+      ...Textarea1Props
+    }) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
       name: "slideDown",
       runOnMount: true,
       enterDuration: '300',
@@ -154,7 +153,7 @@ export default class TextEditorWrapper extends Component {
       component: "div"
     }, /*#__PURE__*/React.createElement("div", {
       className: style.textEditor
-    }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, _extends({
+    }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, {
       id: id,
       value: value,
       onChange: !isReadOnly && !isDisabled ? onChange : null,
@@ -182,8 +181,9 @@ export default class TextEditorWrapper extends Component {
       setInlineAttachmentInProgress: setInlineAttachmentInProgress,
       handleDropUpload: handleEditorDropUpload,
       onFocus: this.focusCallback,
-      needInlineAttachment: needInlineAttachment
-    }, TextEditorProps)) : /*#__PURE__*/React.createElement(Textarea, _extends({
+      needInlineAttachment: needInlineAttachment,
+      ...TextEditorProps
+    }) : /*#__PURE__*/React.createElement(Textarea, {
       onFocus: this.handleTextareaFocus,
       text: value,
       animated: !needEditor,
@@ -194,8 +194,9 @@ export default class TextEditorWrapper extends Component {
       needEffect: !(isReadOnly || isDisabled),
       getRef: getRef,
       size: textBoxSize,
-      variant: textBoxVariant
-    }, Textarea2Props)))));
+      variant: textBoxVariant,
+      ...Textarea2Props
+    }))));
   }
 
 }

package/es/form/fields/TextEditorWrapper/__tests__/TextEditorWrapper.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextEditorWrapper from '../TextEditorWrapper';
+describe('TextEditorWrapper', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextEditorWrapper, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextEditorWrapper rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+    data-selector-id="textEditorWrapper"
+  >
+    <textarea
+      class="textBox  container small primary needBorder noresize  smallanimated   effect borderColor_default"
+      data-id="TextareaComp"
+      data-selector-id="textarea"
+      data-test-id="TextareaComp"
+    />
+    <div />
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/TextareaField/TextareaField.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -105,17 +103,18 @@ export default class TextareaField extends PureComponent {
       isLocked: isLocked,
       lockedInfoText: lockedInfoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       id: id,
       size: fieldSize === 'small' ? 'small' : 'medium',
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
-    }, LabelProps))), /*#__PURE__*/React.createElement("div", {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(Textarea, _extends({
+    }, /*#__PURE__*/React.createElement(Textarea, {
       onChange: this.handleChange,
       animated: animated,
       size: fieldSize === 'medium' ? textBoxSize : 'xmedium',
@@ -133,24 +132,26 @@ export default class TextareaField extends PureComponent {
       needEffect: isReadOnly || isDisabled ? false : true,
       resize: "vertical" // onKeyDown={onKeyDown}
       ,
-      htmlId: uniqueId
-    }, TextareaProps, {
+      htmlId: uniqueId,
+      ...TextareaProps,
       a11y: {
         ariaLabelledby: labelName
       }
-    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

package/es/form/fields/TextareaField/__tests__/TextareaField.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import TextareaField from '../TextareaField';
+describe('TextareaField', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(TextareaField, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextareaField rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container "
+    data-selector-id="textareaField"
+  >
+    <div
+      class="fieldContainer "
+    >
+      <textarea
+        class="  container xsmall primary needBorder resizeY  xsmallanimated   effect borderColor_default"
+        data-id="property(undefined)"
+        data-selector-id="textarea"
+        data-test-id="property(undefined)"
+        id="1"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/form/fields/ValidationMessage/__tests__/ValidationMessage.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ValidationMessage from '../ValidationMessage';
+describe('ValidationMessage', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(ValidationMessage, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ValidationMessage rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="primary"
+    data-id="errorMsgContainer"
+    data-selector-id="validationMessage"
+    data-test-id="errorMsgContainer"
+    role="alert"
+  >
+    <label
+      class="label title xsmall mandatory font_default
+           cursor lable "
+      data-id="label"
+      data-selector-id="label"
+      data-test-id="label"
+      data-title=""
+    >
+      Label
+    </label>
+  </div>
+</DocumentFragment>
+`;

package/es/form/layout/Field/__tests__/Field.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Field from '../Field';
+describe('Field', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Field, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Field rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=" half "
+  >
+    <div
+      class=" fieldWidth_half"
+    />
+  </div>
+</DocumentFragment>
+`;