@enact/core/internal/ApiDecorator/tests/ApiDecorator-specs.js

Enact is an open source JavaScript framework containing everything you need to create a fast, scalable mobile or web application.

"use strict";

var _react = require("@testing-library/react");
var _react2 = require("react");
var _ApiDecorator = _interopRequireDefault(require("../ApiDecorator"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
describe('ApiDecorator', function () {
  var _Class, _Class2;
  var ApiProvider = (_Class = /*#__PURE__*/function (_ReactComponent) {
    function ApiProvider(props) {
      var _this;
      _classCallCheck(this, ApiProvider);
      _this = _callSuper(this, ApiProvider);
      _this.arrowFunction = function () {
        return 'arrow';
      };
      _this.instanceProperty = 'property';
      props.setApiProvider(_this);
      return _this;
    }
    _inherits(ApiProvider, _ReactComponent);
    return _createClass(ApiProvider, [{
      key: "instanceFunction",
      value: function instanceFunction() {
        return 'instance';
      }
    }, {
      key: "render",
      value: function render() {
        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
      }
    }]);
  }(_react2.Component), _Class.displayName = 'ApiProvider', _Class);
  var WrongApiProvider = (_Class2 = /*#__PURE__*/function (_ReactComponent2) {
    function WrongApiProvider(props) {
      var _this2;
      _classCallCheck(this, WrongApiProvider);
      _this2 = _callSuper(this, WrongApiProvider);
      props.setApiProvider();
      return _this2;
    }
    _inherits(WrongApiProvider, _ReactComponent2);
    return _createClass(WrongApiProvider, [{
      key: "render",
      value: function render() {
        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
      }
    }]);
  }(_react2.Component), _Class2.displayName = 'WrongApiProvider', _Class2);
  test('should invoke arrow function on wrapped component', function () {
    var ref = /*#__PURE__*/(0, _react2.createRef)();
    var Component = (0, _ApiDecorator["default"])({
      api: ['arrowFunction']
    }, ApiProvider);
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
      ref: ref
    }));
    var expected = 'arrow';
    var actual = ref.current.arrowFunction();
    expect(actual).toBe(expected);
  });
  test('should invoke instance function on wrapped component', function () {
    var ref = /*#__PURE__*/(0, _react2.createRef)();
    var Component = (0, _ApiDecorator["default"])({
      api: ['instanceFunction']
    }, ApiProvider);
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
      ref: ref
    }));
    var expected = 'instance';
    var actual = ref.current.instanceFunction();
    expect(actual).toBe(expected);
  });
  test('should get an instance property on wrapped component', function () {
    var ref = /*#__PURE__*/(0, _react2.createRef)();
    var Component = (0, _ApiDecorator["default"])({
      api: ['instanceProperty']
    }, ApiProvider);
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
      ref: ref
    }));
    var expected = 'property';
    var actual = ref.current.instanceProperty;
    expect(actual).toBe(expected);
  });
  test('should set an instance property on wrapped component', function () {
    var ref = /*#__PURE__*/(0, _react2.createRef)();
    var Component = (0, _ApiDecorator["default"])({
      api: ['instanceProperty']
    }, ApiProvider);
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
      ref: ref
    }));
    ref.current.instanceProperty = 'updated';
    var expected = 'updated';
    var actual = ref.current.instanceProperty;
    expect(actual).toBe(expected);
  });
  test('should not get an instance property on wrapped component if the parameter of setApiProvider is missing', function () {
    var ref = /*#__PURE__*/(0, _react2.createRef)();
    var Component = (0, _ApiDecorator["default"])({
      api: ['instanceProperty']
    }, WrongApiProvider);
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
      ref: ref
    }));

    // eslint-disable-next-line no-undefined
    var expected = undefined;
    var actual = ref.current.instanceProperty;
    expect(actual).toBe(expected);
  });
  test('should not set an instance property on wrapped component if the parameter of setApiProvider is missing', function () {
    var ref = /*#__PURE__*/(0, _react2.createRef)();
    var Component = (0, _ApiDecorator["default"])({
      api: ['instanceProperty']
    }, WrongApiProvider);
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
      ref: ref
    }));
    ref.current.instanceProperty = 'updated';

    // eslint-disable-next-line no-undefined
    var expected = undefined;
    var actual = ref.current.instanceProperty;
    expect(actual).toBe(expected);
  });
});