@enact/core/useClass/tests/useClass-specs.js

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

"use strict";

require("@testing-library/jest-dom");
var _react = require("@testing-library/react");
var _useClass = _interopRequireDefault(require("../useClass"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
describe('useClass', function () {
  var Class = /*#__PURE__*/_createClass(function Class(arg) {
    _classCallCheck(this, Class);
    this.arg = arg;
  });
  function Component(props) {
    var instance = (0, _useClass["default"])(Class, props.arg);
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      "data-testid": "div",
      "data-fromclass": instance.arg,
      "data-fromprops": props.arg
    });
  }
  test('should pass arg to Class', function () {
    var arg = 'arg';
    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
      arg: arg
    }));
    var div = _react.screen.getByTestId('div');
    expect(div).toHaveAttribute('data-fromclass', arg);
  });
  test('should use the same instance of Class across renders', function () {
    var arg = 'arg';
    var _render = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
        arg: arg
      })),
      rerender = _render.rerender;
    var div = _react.screen.getByTestId('div');
    expect(div).toHaveAttribute('data-fromprops', arg);
    rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
      arg: "changed"
    }));

    // verify that the children still reflects the class value set at construction but the prop
    // value was updated when props were updated
    expect(div).toHaveAttribute('data-fromclass', arg);
    expect(div).toHaveAttribute('data-fromprops', 'changed');
  });
});