@wix/design-system/dist/cjs/Collapse/Collapse.spec.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _react = _interopRequireDefault(require("react"));
var _ = _interopRequireDefault(require("."));
var _react2 = require("../utils/test-utils/react");
var _CollapsePrivateUni = require("./test/Collapse.private.uni.driver");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Collapse/Collapse.spec.tsx",
  _this = void 0;
describe('Collapse', () => {
  var render = (0, _react2.createRendererWithUniDriver)(_CollapsePrivateUni.collapsePrivateDriverFactory);
  it('should render', /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
    var _render = render(/*#__PURE__*/_react.default.createElement(_.default, {
        __self: _this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 10,
          columnNumber: 31
        }
      })),
      driver = _render.driver;
    expect(yield driver.exists()).toBe(true);
  }));
  it('should render children', () => {
    var _render2 = render(/*#__PURE__*/_react.default.createElement(_.default, {
        children: "hello",
        __self: void 0,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 15,
          columnNumber: 34
        }
      })),
      container = _render2.container;
    expect(container.textContent).toEqual('hello');
  });
  describe('`open` prop', () => {
    it('should not render children when false', () => {
      var _render3 = render(/*#__PURE__*/_react.default.createElement(_.default, {
          open: false,
          children: "hello",
          __self: void 0,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 21,
            columnNumber: 36
          }
        })),
        container = _render3.container;
      expect(container.textContent).toEqual('');
    });
    it('should be reported as false by testkit`s isOpen() when false', /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
      var _render4 = render(/*#__PURE__*/_react.default.createElement(_.default, {
          open: false,
          children: "hello",
          __self: _this,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 26,
            columnNumber: 33
          }
        })),
        driver = _render4.driver;
      expect(yield driver.isOpen()).toEqual(false);
    }));
    it('should be reported as true by testkit`s isOpen() when true', /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
      var _render5 = render(/*#__PURE__*/_react.default.createElement(_.default, {
          open: true,
          children: "hello",
          __self: _this,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 31,
            columnNumber: 33
          }
        })),
        driver = _render5.driver;
      expect(yield driver.isOpen()).toEqual(true);
    }));
  });
  describe('`dataHook` prop', () => {
    it('should be passed to children', () => {
      var hookForRoot = "I'm Hooked!";
      var hookOfChild = 'Leave britney alone!';
      var _render6 = render(/*#__PURE__*/_react.default.createElement(_.default, {
          dataHook: hookForRoot,
          children: /*#__PURE__*/_react.default.createElement("div", {
            "data-hook": hookOfChild,
            __self: void 0,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 44,
              columnNumber: 21
            }
          }, "arbitrary content"),
          __self: void 0,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 42,
            columnNumber: 9
          }
        })),
        container = _render6.container;
      expect(!!container.querySelector("[data-hook=\"".concat(hookOfChild, "\"]"))).toBe(true);
    });
  });
});
//# sourceMappingURL=Collapse.spec.js.map