optimizely-oui/dist/js/components/DiscloseTable/tests/index.js

Optimizely's Component Library.

"use strict";

var _react = _interopRequireDefault(require("react"));

var _index = _interopRequireDefault(require("../index"));

var _Table = _interopRequireDefault(require("../../Table"));

var _enzyme = require("enzyme");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

describe("components/DiscloseTable", function () {
  it("should render as a `table`", function () {
    var component = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null, _react["default"].createElement(_Table["default"].THead, null)));
    expect(component.type()).toBe("table");
  });
  it("should render children", function () {
    var component = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], null, _react["default"].createElement(_Table["default"].THead, null, _react["default"].createElement(_Table["default"].TR, null, _react["default"].createElement(_Table["default"].TH, null, "Table Header Name")))));
    expect(component.find("thead").exists()).toBe(true);
    expect(component.find("TR").exists()).toBe(true);
    expect(component.find("th").exists()).toBe(true);
    expect(component.find("th").text()).toBe("Table Header Name");
  });
  it("should render with correct style and classNames", function () {
    var component = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null, _react["default"].createElement(_Table["default"].THead, null)));
    expect(component.hasClass("oui-disclose-table")).toBe(true);
    expect(component.prop("style")).toEqual({
      tableLayout: "auto"
    });
  });
  describe("with a test section", function () {
    it("should render with a test section", function () {
      var component = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
        testSection: "foo"
      }, _react["default"].createElement(_Table["default"].THead, null)));
      expect(component.is('[data-test-section="foo"]')).toBe(true);
    });
  });
  describe("when given a className", function () {
    it("appends it to the root element", function () {
      var component = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
        className: "extra-class"
      }, _react["default"].createElement(_Table["default"].THead, null)));
      expect(component.prop("className").includes("extra-class")).toBe(true);
    });
  });
  describe("when given an unknown prop", function () {
    it("passes it to the root element", function () {
      // @ts-ignore: `unknownProps` is not part of any typed interface and therefore a good test value.
      var component = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
        unknownProp: "some value"
      }, _react["default"].createElement(_Table["default"].THead, null)));
      expect(component).toHaveProp({
        unknownProp: "some value"
      });
    });
  });
});