92 lines
4.5 KiB
JavaScript
92 lines
4.5 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var React = require("react");
|
|
var ReactTestUtils = require("react-dom/test-utils");
|
|
var enzyme_1 = require("enzyme");
|
|
var Customizations_1 = require("./Customizations");
|
|
var CustomizerContext_1 = require("./CustomizerContext");
|
|
var useCustomizationSettings_1 = require("./useCustomizationSettings");
|
|
describe('useCustomizatioSettings', function () {
|
|
var wrapper;
|
|
afterEach(function () {
|
|
ReactTestUtils.act(function () {
|
|
wrapper === null || wrapper === void 0 ? void 0 : wrapper.unmount();
|
|
wrapper = undefined;
|
|
});
|
|
Customizations_1.Customizations.reset();
|
|
});
|
|
it('get settings from Customizations', function () {
|
|
Customizations_1.Customizations.applySettings({ a: 'a' });
|
|
var settingsStates = [];
|
|
var TestComponent = function () {
|
|
var settings = (0, useCustomizationSettings_1.useCustomizationSettings)(['a']);
|
|
settingsStates.push(settings);
|
|
return null;
|
|
};
|
|
wrapper = (0, enzyme_1.mount)(React.createElement(TestComponent, null));
|
|
expect(settingsStates.length).toBe(1);
|
|
expect(settingsStates[0]).toEqual({ a: 'a' });
|
|
});
|
|
it('get settings from Customizations when settings have changed', function () {
|
|
Customizations_1.Customizations.applySettings({ a: 'a' });
|
|
var settingsStates = [];
|
|
var TestComponent = function () {
|
|
var settings = (0, useCustomizationSettings_1.useCustomizationSettings)(['a']);
|
|
settingsStates.push(settings);
|
|
return null;
|
|
};
|
|
wrapper = (0, enzyme_1.mount)(React.createElement(TestComponent, null));
|
|
ReactTestUtils.act(function () {
|
|
Customizations_1.Customizations.applySettings({ a: 'aa' });
|
|
});
|
|
expect(settingsStates.length).toBe(2);
|
|
expect(settingsStates[0]).toEqual({ a: 'a' });
|
|
expect(settingsStates[1]).toEqual({ a: 'aa' });
|
|
});
|
|
it('get settings from Customizations that are not applied', function () {
|
|
var settingsStates = [];
|
|
var TestComponent = function () {
|
|
var settings = (0, useCustomizationSettings_1.useCustomizationSettings)(['a']);
|
|
settingsStates.push(settings);
|
|
return null;
|
|
};
|
|
wrapper = (0, enzyme_1.mount)(React.createElement(TestComponent, null));
|
|
expect(settingsStates.length).toBe(1);
|
|
expect(settingsStates[0]).toEqual({ a: undefined });
|
|
});
|
|
it('get settings from CustomizerContext', function () {
|
|
var settingsStates = [];
|
|
var TestComponent = function () {
|
|
var settings = (0, useCustomizationSettings_1.useCustomizationSettings)(['theme']);
|
|
settingsStates.push(settings);
|
|
return null;
|
|
};
|
|
var newContext = { customizations: { settings: { theme: { color: 'red' } }, scopedSettings: {} } };
|
|
wrapper = (0, enzyme_1.mount)(React.createElement(CustomizerContext_1.CustomizerContext.Provider, { value: newContext },
|
|
React.createElement(TestComponent, null)));
|
|
expect(settingsStates.length).toBe(1);
|
|
expect(settingsStates[0]).toEqual({ theme: { color: 'red' } });
|
|
var updatedContext = { customizations: { settings: { theme: { color: 'green' } }, scopedSettings: {} } };
|
|
wrapper.setProps({ value: updatedContext });
|
|
expect(settingsStates.length).toBe(2);
|
|
expect(settingsStates[1]).toEqual({ theme: { color: 'green' } });
|
|
});
|
|
it('does not re-render if global settings update but within context', function () {
|
|
Customizations_1.Customizations.applySettings({ a: 'a' });
|
|
var settingsStates = [];
|
|
var TestComponent = function () {
|
|
var settings = (0, useCustomizationSettings_1.useCustomizationSettings)(['a']);
|
|
settingsStates.push(settings);
|
|
return null;
|
|
};
|
|
var newContext = { customizations: { settings: { a: 'aa' }, scopedSettings: {}, inCustomizerContext: true } };
|
|
wrapper = (0, enzyme_1.mount)(React.createElement(CustomizerContext_1.CustomizerContext.Provider, { value: newContext },
|
|
React.createElement(TestComponent, null)));
|
|
ReactTestUtils.act(function () {
|
|
Customizations_1.Customizations.applySettings({ a: 'aaa' });
|
|
});
|
|
expect(settingsStates.length).toBe(1);
|
|
expect(settingsStates[0]).toEqual({ a: 'aa' });
|
|
});
|
|
});
|
|
//# sourceMappingURL=useCustomizationSettings.test.js.map
|