mirror of
https://github.com/MichMich/MagicMirror.git
synced 2026-06-03 18:00:33 +00:00
With these changes a few browser-side core files now use native ES modules. `Loader`, `MMSocket`, `Module` and `MM` can be imported directly instead of being read off `window`. `main.js` and `loader.js` are no longer wrapped in IIFEs - they're just normal modules now. `Module`, `MM` and `MMSocket` are still exposed as globals, so third-party modules that use the old API keep working. The changes are mostly structural, behavior should stay the same. A few internal helpers in `main.js` got an underscore prefix because their names clashed with public `MM` methods. ## Why The old setup relied a lot on script order: a file could use `Loader` or `MMSocket` only because another script happened to put it on `window` first. Imports make that explicit. The bigger goal is to move away from the legacy script-loading patterns - making it easier to understand and easier to test - in other words: easier to maintain. More of the core could be "cleaned up" the same way, but that would blow up this PR. For reviewing, I recommend to hide the whitespace changes.
300 lines
8.0 KiB
JavaScript
300 lines
8.0 KiB
JavaScript
const path = require("node:path");
|
|
const { pathToFileURL } = require("node:url");
|
|
|
|
describe("File js/module (cloneObject)", () => {
|
|
describe("Test function cloneObject", () => {
|
|
let clone;
|
|
let Module;
|
|
let originalWindow;
|
|
let originalLog;
|
|
let originalConfig;
|
|
let originalMM;
|
|
let originalTranslator;
|
|
let originalNunjucks;
|
|
|
|
beforeAll(async () => {
|
|
originalWindow = global.window;
|
|
originalLog = global.Log;
|
|
originalConfig = global.config;
|
|
originalMM = global.MM;
|
|
originalTranslator = global.Translator;
|
|
originalNunjucks = global.nunjucks;
|
|
|
|
global.window = { mmVersion: "2.0.0" };
|
|
global.Log = { log: () => {}, info: () => {}, warn: () => {}, error: () => {}, debug: () => {} };
|
|
global.config = { language: "en" };
|
|
global.MM = {
|
|
hideModule: () => {},
|
|
showModule: () => {},
|
|
sendNotification: () => {},
|
|
updateDom: () => {}
|
|
};
|
|
global.Translator = {
|
|
load: () => Promise.resolve(),
|
|
translate: () => ""
|
|
};
|
|
global.nunjucks = {
|
|
Environment () {
|
|
this.addFilter = () => {};
|
|
this.renderString = () => "";
|
|
this.render = (_template, _data, callback) => callback(null, "");
|
|
},
|
|
WebLoader () {},
|
|
runtime: {
|
|
markSafe: (str) => str
|
|
}
|
|
};
|
|
|
|
const modulePath = pathToFileURL(path.join(__dirname, "..", "..", "..", "js", "module.js")).href;
|
|
const loaded = await import(`${modulePath}?test=${Date.now()}`);
|
|
|
|
clone = loaded.cloneObject;
|
|
Module = loaded.Module;
|
|
});
|
|
|
|
afterAll(() => {
|
|
global.window = originalWindow;
|
|
global.Log = originalLog;
|
|
global.config = originalConfig;
|
|
global.MM = originalMM;
|
|
global.Translator = originalTranslator;
|
|
global.nunjucks = originalNunjucks;
|
|
});
|
|
|
|
it("should clone object", () => {
|
|
const expected = { name: "Rodrigo", web: "https://rodrigoramirez.com", project: "MagicMirror" };
|
|
const obj = clone(expected);
|
|
expect(obj).toEqual(expected);
|
|
expect(expected === obj).toBe(false);
|
|
});
|
|
|
|
it("should clone array", () => {
|
|
const expected = [1, null, undefined, "TEST"];
|
|
const obj = clone(expected);
|
|
expect(obj).toEqual(expected);
|
|
expect(expected === obj).toBe(false);
|
|
});
|
|
|
|
it("should clone number", () => {
|
|
let expected = 1;
|
|
let obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
|
|
expected = 1.23;
|
|
obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
});
|
|
|
|
it("should clone string", () => {
|
|
const expected = "Perfect stranger";
|
|
const obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
});
|
|
|
|
it("should clone regex", () => {
|
|
const expected = /.*Magic/;
|
|
const obj = clone(expected);
|
|
expect(obj).toEqual(expected);
|
|
expect(expected === obj).toBe(false);
|
|
});
|
|
|
|
it("should clone date", () => {
|
|
const expected = new Date("2026-05-11T20:00:00.000Z");
|
|
const obj = clone(expected);
|
|
expect(obj).toEqual(expected);
|
|
expect(expected === obj).toBe(false);
|
|
});
|
|
|
|
it("should return URL by reference", () => {
|
|
const expected = new URL("https://magicmirror.builders/path?q=1");
|
|
const obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
});
|
|
|
|
it("should return map by reference", () => {
|
|
const mapValue = { nested: [1, 2, 3] };
|
|
const expected = new Map([["module", mapValue]]);
|
|
const obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
});
|
|
|
|
it("should return set by reference", () => {
|
|
const setValue = { nested: true };
|
|
const expected = new Set([setValue]);
|
|
const obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
});
|
|
|
|
it("should return class instances by reference", () => {
|
|
class ModuleDefaults {
|
|
constructor () {
|
|
this.enabled = true;
|
|
}
|
|
}
|
|
|
|
const expected = new ModuleDefaults();
|
|
const obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
});
|
|
|
|
it("should clone undefined", () => {
|
|
const expected = undefined;
|
|
const obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
});
|
|
|
|
it("should clone null", () => {
|
|
const expected = null;
|
|
const obj = clone(expected);
|
|
expect(obj).toBe(expected);
|
|
});
|
|
|
|
it("should clone nested object", () => {
|
|
const expected = {
|
|
name: "fewieden",
|
|
link: "https://github.com/fewieden",
|
|
versions: ["2.0", "2.1", "2.2"],
|
|
answerForAllQuestions: 42,
|
|
properties: {
|
|
items: [{ foo: "bar" }, { lorem: "ipsum" }],
|
|
invalid: undefined,
|
|
nothing: null
|
|
}
|
|
};
|
|
const obj = clone(expected);
|
|
expect(obj).toEqual(expected);
|
|
expect(expected === obj).toBe(false);
|
|
expect(expected.versions === obj.versions).toBe(false);
|
|
expect(expected.properties === obj.properties).toBe(false);
|
|
expect(expected.properties.items === obj.properties.items).toBe(false);
|
|
expect(expected.properties.items[0] === obj.properties.items[0]).toBe(false);
|
|
expect(expected.properties.items[1] === obj.properties.items[1]).toBe(false);
|
|
});
|
|
|
|
describe("Test Module.create", () => {
|
|
let info;
|
|
|
|
beforeEach(() => {
|
|
info = global.Log.info;
|
|
});
|
|
|
|
afterEach(() => {
|
|
global.Log.info = info;
|
|
Module.definitions = {};
|
|
});
|
|
|
|
it("should create module instance with dynamic class name", () => {
|
|
const moduleName = "MMM-TestModule";
|
|
Module.register(moduleName, {
|
|
defaults: {}
|
|
});
|
|
|
|
const moduleInstance = Module.create(moduleName);
|
|
|
|
expect(moduleInstance.constructor.name).toBe(moduleName);
|
|
});
|
|
|
|
it("should use fallback class name for empty module name", () => {
|
|
const moduleName = "";
|
|
Module.register(moduleName, {
|
|
defaults: {}
|
|
});
|
|
|
|
const moduleInstance = Module.create(moduleName);
|
|
|
|
expect(moduleInstance.constructor.name).toBe("AnonymousModule");
|
|
});
|
|
|
|
it("should not throw when init is not a function", () => {
|
|
const moduleName = "MMM-TestModuleNoInitFunction";
|
|
Module.register(moduleName, {
|
|
init: null,
|
|
defaults: {}
|
|
});
|
|
|
|
expect(() => Module.create(moduleName)).not.toThrow();
|
|
});
|
|
|
|
it("should support lifecycle super call pattern", () => {
|
|
const moduleName = "MMM-TestSuperCall";
|
|
let loggedMessage;
|
|
|
|
global.Log.info = (message) => {
|
|
loggedMessage = message;
|
|
};
|
|
|
|
Module.register(moduleName, {
|
|
defaults: {},
|
|
start () {
|
|
this.didStart = true;
|
|
Module.prototype.start.call(this);
|
|
}
|
|
});
|
|
|
|
const moduleInstance = Module.create(moduleName);
|
|
moduleInstance.name = moduleName;
|
|
moduleInstance.start();
|
|
|
|
expect(moduleInstance.didStart).toBe(true);
|
|
expect(loggedMessage).toBe(`Starting module: ${moduleName}`);
|
|
});
|
|
|
|
it("should set config when defaults are undefined", () => {
|
|
const moduleName = "MMM-TestNoDefaults";
|
|
Module.register(moduleName, {});
|
|
|
|
const moduleInstance = Module.create(moduleName);
|
|
|
|
moduleInstance.setConfig({ foo: "bar" }, false);
|
|
expect(moduleInstance.config).toEqual({ foo: "bar" });
|
|
|
|
moduleInstance.setConfig({ nested: { value: 1 } }, true);
|
|
expect(moduleInstance.config).toEqual({ nested: { value: 1 } });
|
|
});
|
|
|
|
it("should initialize lifecycle fields in setData", () => {
|
|
const moduleName = "MMM-TestSetData";
|
|
Module.register(moduleName, {
|
|
defaults: { fromDefaults: true }
|
|
});
|
|
|
|
const moduleInstance = Module.create(moduleName);
|
|
moduleInstance.setData({
|
|
name: moduleName,
|
|
identifier: "module_1",
|
|
config: { fromConfig: true },
|
|
configDeepMerge: false
|
|
});
|
|
|
|
expect(moduleInstance.name).toBe(moduleName);
|
|
expect(moduleInstance.identifier).toBe("module_1");
|
|
expect(moduleInstance.hidden).toBe(false);
|
|
expect(moduleInstance.hasAnimateIn).toBe(false);
|
|
expect(moduleInstance.hasAnimateOut).toBe(false);
|
|
expect(moduleInstance.config).toEqual({ fromDefaults: true, fromConfig: true });
|
|
});
|
|
|
|
it("should not share defaults object across module instances", () => {
|
|
const moduleName = "MMM-TestDefaultsIsolation";
|
|
Module.register(moduleName, {
|
|
defaults: {
|
|
nested: { value: 1 },
|
|
list: [1]
|
|
}
|
|
});
|
|
|
|
const firstModuleInstance = Module.create(moduleName);
|
|
const secondModuleInstance = Module.create(moduleName);
|
|
|
|
firstModuleInstance.defaults.nested.value = 42;
|
|
firstModuleInstance.defaults.list.push(2);
|
|
|
|
expect(secondModuleInstance.defaults).toEqual({
|
|
nested: { value: 1 },
|
|
list: [1]
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|