@zohodesk/components 1.1.0 → 1.1.1

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

@@ -0,0 +1,440 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button component Should be render with the basic set customButtonclass with buttonClass  1`] = `
+<DocumentFragment>
+  <button
+    class="customButtonClass bold primary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should be render with the basic set customstatusSize props with buttonClass  1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should be render with the basic set customstyle  1`] = `
+<DocumentFragment>
+  <button
+    class="bold buttonBold primary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should be render with the basic set of default props 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should be render with the basic set of default props with disabled is true 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium"
+    data-id="buttonComp_disabled"
+    data-selector-id="button"
+    data-test-id="buttonComp_disabled"
+    disabled=""
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should be render with the basic set of default props with isBold is false 1`] = `
+<DocumentFragment>
+  <button
+    class="primary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should be render with the basic set of default props with needAppearance is false 1`] = `
+<DocumentFragment>
+  <button
+    class="bold"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should be render with the basic set of default props with rounded is true 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary rounded medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should be render with the customstyle with medium  1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary buttonMedium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render CustomStatusclassname of buttons - loading 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium loader"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    disabled=""
+    type="button"
+  >
+    Button
+    <div
+      class="overlay"
+    >
+      <div
+        class="loading mediumloading"
+      >
+        <div
+          class="customStautusClassName loadingelement primaryelement"
+        />
+      </div>
+    </div>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render CustomStatusclassname of buttons - success 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium loader"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+    <div
+      class="overlay"
+    >
+      <div
+        class="success"
+      >
+        <div
+          class="customStautusClassName successelement primarysuccess"
+        />
+      </div>
+    </div>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render Sizes of buttons - large 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary large"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render Sizes of buttons - medium 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render Sizes of buttons - small 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary small"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render Sizes of buttons - xlarge 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary xlarge"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render Status of buttons - loading 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium loader"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    disabled=""
+    type="button"
+  >
+    Button
+    <div
+      class="overlay"
+    >
+      <div
+        class="loading mediumloading"
+      >
+        <div
+          class="loadingelement primaryelement"
+        />
+      </div>
+    </div>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render Status of buttons - none 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render Status of buttons - success 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium loader"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+    <div
+      class="overlay"
+    >
+      <div
+        class="success"
+      >
+        <div
+          class="successelement primarysuccess"
+        />
+      </div>
+    </div>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - dangerFilled 1`] = `
+<DocumentFragment>
+  <button
+    class="bold dangerfilled medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - info 1`] = `
+<DocumentFragment>
+  <button
+    class="bold medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - plainPrimary 1`] = `
+<DocumentFragment>
+  <button
+    class="bold plainprimary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - plainSecondary 1`] = `
+<DocumentFragment>
+  <button
+    class="bold plainsecondary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - primary 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - primaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    class="bold primaryfilled medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - secondary 1`] = `
+<DocumentFragment>
+  <button
+    class="bold secondary medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - secondaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    class="bold secondaryfilled medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - successFilled 1`] = `
+<DocumentFragment>
+  <button
+    class="bold successfilled medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;
+
+exports[`Button component Should render palette of buttons - tertiaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    class="bold tertiaryfilled medium"
+    data-id="buttonComp"
+    data-selector-id="button"
+    data-test-id="buttonComp"
+    type="button"
+  >
+    Button
+  </button>
+</DocumentFragment>
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -37,10 +37,11 @@
     "rtl:watch": "react-cli rtl ./src ./es -w",
     "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
     "coverage": "react-cli coverage",
-    "prepare": "node prePublish.js && npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
+    "prepare": "npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
+    "prepublishOnly": "node prePublish.js && npm run test",
     "postpublish": "node postPublish.js",
     "report": "react-cli publish:report",
-    "test": "react-cli test",
+    "snap-update": "npm run test -- -u",
     "sstest": "npm run init && react-cli sstest",
     "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
     "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
@@ -49,17 +50,21 @@
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli "
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli devMode "
   },
   "devDependencies": {
-    "@zohodesk-private/color-variable-preprocessor": "1.0.5",
+    "@testing-library/jest-dom": "^5.11.9",
+    "@testing-library/react": "^11.2.5",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/user-event": "^13.0.10",
+    "@zohodesk-private/color-variable-preprocessor": "1.0.6",
     "@zohodesk-private/react-prop-validator": "0.0.4",
     "@zohodesk-private/css-variable-migrator": "^1.0.5",
     "@zohodesk/a11y": "2.0.0",
     "@zohodesk-private/node-plugins": "^1.0.0",
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/icons": "1.0.0",
-    "@zohodesk/svg": "1.1.0",
+    "@zohodesk/svg": "1.1.1",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
@@ -74,7 +79,7 @@
   "peerDependencies": {
     "@zohodesk/icons": "1.0.0",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/svg": "1.1.0",
+    "@zohodesk/svg": "1.1.1",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",

package/result.json

@@ -0,0 +1 @@
+{"jobDetails":{"isRunByLocal":true,"hostName":"karuppiah-zt111","platForm":"Windows_NT","branchName":"KaruppiahRK"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":0,"numberOfFails":0,"numberOfCases":0,"numberOfSuites":1,"endTime":1691156768195,"startTime":1691156764695,"coverageDetail":{"codeCoveragePercentage":null,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"D:\\git\\client\\desklibrary\\KaruppiahRK\\jsapps\\dot\\components\\src\\Button\\__tests__\\Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}},{"fileName":"D:\\git\\client\\desklibrary\\KaruppiahRK\\jsapps\\dot\\components\\src\\Button\\__tests__\\Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}},{"fileName":"D:\\git\\client\\desklibrary\\KaruppiahRK\\jsapps\\dot\\components\\src\\Button\\__tests__\\Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}}]}}}

package/es/Accordion/__tests__/Accordion.spec.js

@@ -1,79 +0,0 @@
-import React from 'react';
-import { Accordion, AccordionItem } from '../index';
-describe('Accordion component specification', () => {
-  it('open accordion item id 1 ', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
-  });
-  it('open accordion item id 1 ', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "2",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data2')).toBe(true);
-  });
-  it('accordion item 2 click check', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", {
-      "data-id": "ah2"
-    }, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data1"
-    }, "Data2"))));
-    let acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
-    TestUtils.Simulate.click(acc2);
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data1').textContent.contains('Data2')).toBe(true);
-  });
-  it('accordion click callback check ', () => {
-    let mockfn = jest.fn();
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px",
-      onSelect: mockfn
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", {
-      "data-id": "ah2"
-    }, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    let acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
-    TestUtils.Simulate.click(acc2);
-    expect(mockfn.mock.calls.length).toBe(1);
-  });
-});

package/es/Animation/__tests__/Animation.spec.js

@@ -1,17 +0,0 @@
-import Animation from '../Animation';
-import React from 'react';
-describe('Animation Component Test Cases', () => {
-  it('Animation component mount testcases', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Animation, {
-      children: /*#__PURE__*/React.createElement("div", {
-        "data-id": "animation"
-      }, "Hi all"),
-      isActive: true
-    });
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'animation');
-    expect(component.getAttribute('data-id')).toBe('animation');
-  });
-});