@zohodesk/components 1.6.32 → 1.6.34

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

@@ -1,6 +1,87 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
-exports[`Heading Should render whiteSpace of Heading - break-spaces 1`] = `
+exports[`Heading Render with a11y 1`] = `
+<DocumentFragment>
+  <h1
+    class="reset"
+    tabindex="0"
+  />
+</DocumentFragment>
+`;
+
+exports[`Heading Render with className 1`] = `
+<DocumentFragment>
+  <h1
+    class="reset custom-heading-class"
+  />
+</DocumentFragment>
+`;
+
+exports[`Heading Render with dataId 1`] = `
+<DocumentFragment>
+  <h1
+    class="reset"
+    data-id="customHeading"
+    data-test-id="customHeading"
+  />
+</DocumentFragment>
+`;
+
+exports[`Heading Render with dataTitle overriding title 1`] = `
+<DocumentFragment>
+  <h1
+    class="reset"
+    data-title="Custom Data Title"
+  >
+    Heading Title
+  </h1>
+</DocumentFragment>
+`;
+
+exports[`Heading Render with default props 1`] = `
+<DocumentFragment>
+  <h1
+    class="reset"
+  />
+</DocumentFragment>
+`;
+
+exports[`Heading Render with tagName as h2 1`] = `
+<DocumentFragment>
+  <h2
+    class="reset"
+  />
+</DocumentFragment>
+`;
+
+exports[`Heading Render with tagName as h3 1`] = `
+<DocumentFragment>
+  <h3
+    class="reset"
+  />
+</DocumentFragment>
+`;
+
+exports[`Heading Render with tagName as span 1`] = `
+<DocumentFragment>
+  <span
+    class="reset"
+  />
+</DocumentFragment>
+`;
+
+exports[`Heading Render with title 1`] = `
+<DocumentFragment>
+  <h1
+    class="reset"
+    data-title="Heading Title"
+  >
+    Heading Title
+  </h1>
+</DocumentFragment>
+`;
+
+exports[`Heading Render with whiteSpace as break-spaces 1`] = `
 <DocumentFragment>
   <h1
     class="reset whiteSpace_breakSpaces"
@@ -9,7 +90,7 @@ exports[`Heading Should render whiteSpace of Heading - break-spaces 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Heading Should render whiteSpace of Heading - normal 1`] = `
+exports[`Heading Render with whiteSpace as normal 1`] = `
 <DocumentFragment>
   <h1
     class="reset whiteSpace_normal"
@@ -18,7 +99,7 @@ exports[`Heading Should render whiteSpace of Heading - normal 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Heading Should render whiteSpace of Heading - nowrap 1`] = `
+exports[`Heading Render with whiteSpace as nowrap 1`] = `
 <DocumentFragment>
   <h1
     class="reset whiteSpace_nowrap"
@@ -27,7 +108,7 @@ exports[`Heading Should render whiteSpace of Heading - nowrap 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Heading Should render whiteSpace of Heading - pre 1`] = `
+exports[`Heading Render with whiteSpace as pre 1`] = `
 <DocumentFragment>
   <h1
     class="reset whiteSpace_pre"
@@ -36,7 +117,7 @@ exports[`Heading Should render whiteSpace of Heading - pre 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Heading Should render whiteSpace of Heading - pre-line 1`] = `
+exports[`Heading Render with whiteSpace as pre-line 1`] = `
 <DocumentFragment>
   <h1
     class="reset whiteSpace_preLine"
@@ -45,7 +126,7 @@ exports[`Heading Should render whiteSpace of Heading - pre-line 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Heading Should render whiteSpace of Heading - pre-wrap 1`] = `
+exports[`Heading Render with whiteSpace as pre-wrap 1`] = `
 <DocumentFragment>
   <h1
     class="reset whiteSpace_preWrap"
@@ -53,11 +134,3 @@ exports[`Heading Should render whiteSpace of Heading - pre-wrap 1`] = `
   />
 </DocumentFragment>
 `;
-
-exports[`Heading rendering the defult props 1`] = `
-<DocumentFragment>
-  <h1
-    class="reset"
-  />
-</DocumentFragment>
-`;

package/lib/ListItem/__tests__/ListContainer.spec.js

@@ -9,6 +9,9 @@ var _ListContainer = _interopRequireDefault(require("../ListContainer"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('ListContainer', function () {
+  afterEach(function () {
+    return (0, _react2.cleanup)();
+  });
   test('rendering the defult props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], null)),
         asFragment = _render.asFragment;
@@ -23,4 +26,230 @@ describe('ListContainer', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
+  var palettes = ['primary', 'secondary', 'dark', 'danger']; // primary and danger add no class until active/highlight/autoHover, so danger would match primary here
+
+  var inertPalettes = ['primary', 'secondary', 'dark'];
+  var sizes = ['small', 'large'];
+  var aligns = ['horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'];
+  test.each(inertPalettes)('Render with palette as %s', function (palette) {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      palette: palette
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(sizes)('Render with size as %s', function (size) {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      size: size
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(aligns)('Render with align as %s', function (align) {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      align: align
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palettes)('Render with active and palette as %s', function (palette) {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      active: true,
+      palette: palette
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palettes)('Render with highlight and palette as %s', function (palette) {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      highlight: true,
+      palette: palette
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palettes)('Render with autoHover and palette as %s', function (palette) {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      autoHover: true,
+      palette: palette
+    })),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(sizes)('Render with needTick and size as %s', function (size) {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      needTick: true,
+      size: size
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with active', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      active: true
+    })),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with active and needBorder=false', function () {
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      active: true,
+      needBorder: false
+    })),
+        asFragment = _render11.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with highlight', function () {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      highlight: true
+    })),
+        asFragment = _render12.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with autoHover', function () {
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      autoHover: true
+    })),
+        asFragment = _render13.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with highlight, autoHover and isDisabled', function () {
+    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      highlight: true,
+      autoHover: true,
+      isDisabled: true
+    })),
+        asFragment = _render14.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with needTick', function () {
+    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      needTick: true
+    })),
+        asFragment = _render15.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with needBorder=false', function () {
+    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      needBorder: false
+    })),
+        asFragment = _render16.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with title', function () {
+    var _render17 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      title: "List container title"
+    })),
+        asFragment = _render17.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with isDisabled and disableTitle', function () {
+    var _render18 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      isDisabled: true,
+      title: "List container title",
+      disableTitle: "Disabled title"
+    })),
+        asFragment = _render18.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with isLink and href', function () {
+    var _render19 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      isLink: true,
+      href: "/list-container"
+    })),
+        asFragment = _render19.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with isLink, href and target as self', function () {
+    var _render20 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      isLink: true,
+      href: "/list-container",
+      target: "self"
+    })),
+        asFragment = _render20.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with customClass', function () {
+    var _render21 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      customClass: "custom-list-container"
+    })),
+        asFragment = _render21.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with dataId and dataSelectorId', function () {
+    var _render22 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      dataId: "list-container-dataId",
+      dataSelectorId: "list-container-dataSelectorId"
+    })),
+        asFragment = _render22.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with a11y role, ariaSelected and ariaLabel', function () {
+    var _render23 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      a11y: {
+        role: 'option',
+        ariaSelected: true,
+        ariaLabel: 'List container label'
+      }
+    })),
+        asFragment = _render23.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with a11y insetFocus=false', function () {
+    var _render24 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      a11y: {
+        insetFocus: false
+      }
+    })),
+        asFragment = _render24.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with a11y extra attributes', function () {
+    var _render25 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      a11y: {
+        'aria-describedby': 'list-container-description'
+      }
+    })),
+        asFragment = _render25.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with customProps', function () {
+    var _render26 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], {
+      customProps: {
+        'data-custom-attr': 'true'
+      }
+    })),
+        asFragment = _render26.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with children', function () {
+    var _render27 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], null, /*#__PURE__*/_react["default"].createElement("span", null, "List container content"))),
+        asFragment = _render27.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });