opds-web-client
Version:
78 lines (77 loc) • 3.56 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var chai_1 = require("chai");
var PropTypes = require("prop-types");
var enzyme_1 = require("enzyme");
var PathForContext_1 = require("../PathForContext");
var pathFor = function (collectionUrl, bookUrl) {
return "path";
};
var WrappedPathForProvider = function (_a) {
var children = _a.children;
return React.createElement(PathForContext_1.default, { pathFor: pathFor }, children);
};
describe("PathForContext", function () {
it("passes pathFor down via legacy API", function () {
/**
* unfortunately enzyme doesn't provide a clear way to test for
* access to context via legacy or new api that I can find.
* This is a somewhat hacky way to do it by testing for the context
* in a custom child component and then putting text in the dom
* which we will expect() on via enzyme. Not pretty, but it works.
*/
var hasAccessProof = "does have access to context";
var Child = /** @class */ (function (_super) {
__extends(Child, _super);
function Child() {
return _super !== null && _super.apply(this, arguments) || this;
}
Child.prototype.render = function () {
var _a;
// here is the meat of the test
var hasContext = ((_a = this.context) === null || _a === void 0 ? void 0 : _a.pathFor) === pathFor;
return (React.createElement("div", null, hasContext ? hasAccessProof : "doesn't have access to context"));
};
Child.contextTypes = {
pathFor: PropTypes.func.isRequired
};
return Child;
}(React.Component));
var wrapper = (0, enzyme_1.mount)(React.createElement(WrappedPathForProvider, null,
React.createElement(Child, null)));
(0, chai_1.expect)(wrapper.text()).to.equal(hasAccessProof);
});
it("passes pathFor down via new API", function () {
var Child = /** @class */ (function (_super) {
__extends(Child, _super);
function Child() {
return _super !== null && _super.apply(this, arguments) || this;
}
Child.prototype.render = function () {
return React.createElement("div", null, "I should have access to context");
};
Child.contextType = PathForContext_1.PathForContext;
return Child;
}(React.Component));
var wrapper = (0, enzyme_1.mount)(React.createElement(Child, null), {
wrappingComponent: WrappedPathForProvider
});
(0, chai_1.expect)(wrapper.context()).to.equal(pathFor);
});
});