Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/node-red/test/unit/@node-red/editor-api/lib/editor/   drwxr-xr-x
Free 13.35 GB of 57.97 GB (23.02%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     theme_spec.js (10.66 KB)      -rw-r--r--

/**
 * Copyright JS Foundation and other contributors, http://js.foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 **/

var should = require("should");
var request = require("supertest");
var express = require('express');
var sinon = require('sinon');
var fs = require("fs");

var app = express();

var NR_TEST_UTILS = require("nr-test-utils");

var theme = NR_TEST_UTILS.require("@node-red/editor-api/lib/editor/theme");

describe("api/editor/theme", function () {
    beforeEach(function () {
        sinon.stub(fs, "statSync").callsFake(function () { return true; });
    });
    afterEach(function () {
        theme.init({settings: {}});
        fs.statSync.restore();
    });
    it("applies the default theme", async function () {
        var result = theme.init({});
        should.not.exist(result);

        var context = await theme.context();
        context.should.have.a.property("page");
        context.page.should.have.a.property("title", "Node-RED");
        context.page.should.have.a.property("favicon", "favicon.ico");
        context.page.should.have.a.property("tabicon");
        context.page.tabicon.should.have.a.property("icon", "red/images/node-red-icon-black.svg");
        context.page.tabicon.should.have.a.property("colour", "#8f0000");
        context.should.have.a.property("header");
        context.header.should.have.a.property("title", "Node-RED");
        context.header.should.have.a.property("image", "red/images/node-red.svg");
        context.should.have.a.property("asset");
        context.asset.should.have.a.property("red", "red/red.min.js");
        context.asset.should.have.a.property("main", "red/main.min.js");
        context.asset.should.have.a.property("vendorMonaco", "");

        should.not.exist(theme.settings());
    });

    it("uses non-minified js files when in dev mode", async function () {
        const previousEnv = process.env.NODE_ENV;
        try {
            process.env.NODE_ENV = 'development'
            theme.init({});
            var context = await theme.context();
            context.asset.should.have.a.property("red", "red/red.js");
            context.asset.should.have.a.property("main", "red/main.js");
        } finally {
            process.env.NODE_ENV = previousEnv;
        }
    });

    it("Adds monaco bootstrap when enabled", async function () {
        theme.init({
            editorTheme: {
                codeEditor: {
                    lib: 'monaco'
                }
            }
        });
        var context = await theme.context();
        context.asset.should.have.a.property("vendorMonaco", "vendor/monaco/monaco-bootstrap.js");
    });

    it("picks up custom theme", async function () {
        theme.init({
            editorTheme: {
                page: {
                    title: "Test Page Title",
                    favicon: "/absolute/path/to/theme/favicon",
                    tabicon: {
                        icon: "/absolute/path/to/theme/tabicon",
                        colour: "#8f008f"
                    },
                    css: [
                        "/absolute/path/to/custom/css/file.css"
                    ],
                    scripts: "/absolute/path/to/script.js"
                },
                header: {
                    title: "Test Header Title",
                    url: "http://nodered.org",
                    image: "/absolute/path/to/header/image" // or null to remove image
                },

                deployButton: {
                    type: "simple",
                    label: "Save",
                    icon: "/absolute/path/to/deploy/button/image" // or null to remove image
                },

                menu: { // Hide unwanted menu items by id. see editor/js/main.js:loadEditor for complete list
                    "menu-item-import-library": false,
                    "menu-item-export-library": false,
                    "menu-item-keyboard-shortcuts": false,
                    "menu-item-help": {
                        label: "Alternative Help Link Text",
                        url: "http://example.com"
                    }
                },

                userMenu: false, // Hide the user-menu even if adminAuth is enabled

                login: {
                    image: "/absolute/path/to/login/page/big/image" // a 256x256 image
                },

                palette: {
                    editable: true,
                    catalogues: ['https://catalogue.nodered.org/catalogue.json'],
                    theme: [{ category: ".*", type: ".*", color: "#f0f" }]
                },

                projects: {
                    enabled: false
                }
            }
        });

        theme.app();

        var context = await theme.context();
        context.should.have.a.property("page");
        context.page.should.have.a.property("title", "Test Page Title");
        context.page.should.have.a.property("favicon", "theme/favicon/favicon");
        context.page.should.have.a.property("tabicon")
        context.page.tabicon.should.have.a.property("icon", "theme/tabicon/tabicon");
        context.page.tabicon.should.have.a.property("colour", "#8f008f")
        context.should.have.a.property("header");
        context.header.should.have.a.property("title", "Test Header Title");
        context.header.should.have.a.property("url", "http://nodered.org");
        context.header.should.have.a.property("image", "theme/header/image");
        context.page.should.have.a.property("css");
        context.page.css.should.have.lengthOf(1);
        context.page.css[0].should.eql('theme/css/file.css');
        context.page.should.have.a.property("scripts");
        context.page.scripts.should.have.lengthOf(1);
        context.page.scripts[0].should.eql('theme/scripts/script.js');
        context.should.have.a.property("login");
        context.login.should.have.a.property("image", "theme/login/image");

        var settings = theme.settings();
        settings.should.have.a.property("deployButton");
        settings.deployButton.should.have.a.property("type", "simple");
        settings.deployButton.should.have.a.property("label", "Save");
        settings.deployButton.should.have.a.property("icon", "theme/deploy/image");
        settings.should.have.a.property("userMenu");
        settings.userMenu.should.be.eql(false);
        settings.should.have.a.property("menu");
        settings.menu.should.have.a.property("menu-item-import-library", false);
        settings.menu.should.have.a.property("menu-item-export-library", false);
        settings.menu.should.have.a.property("menu-item-keyboard-shortcuts", false);
        settings.menu.should.have.a.property("menu-item-help", { label: "Alternative Help Link Text", url: "http://example.com" });
        settings.should.have.a.property("palette");
        settings.palette.should.have.a.property("editable", true);
        settings.palette.should.have.a.property("catalogues", ['https://catalogue.nodered.org/catalogue.json']);
        settings.palette.should.have.a.property("theme", [{ category: ".*", type: ".*", color: "#f0f" }]);
        settings.should.have.a.property("projects");
        settings.projects.should.have.a.property("enabled", false);
    });

    it("picks up backwards compatible tabicon setting", async function () {
        theme.init({
            editorTheme: {
                page: {
                    tabicon: "/absolute/path/to/theme/tabicon",
                }
            }
        });

        theme.app();

        var context = await theme.context();
        context.should.have.a.property("page");
        context.page.should.have.a.property("tabicon");
        context.page.tabicon.should.have.a.property("icon", "theme/tabicon/tabicon");
        // The colour property should remain as default in this case as the
        // legacy format for defining tabicon doesn't allow specifying a colour
        context.page.tabicon.should.have.a.property("colour", "#8f0000");

    });

    it("test explicit userMenu set to true in theme setting", function () {
      theme.init({
          editorTheme: {
              userMenu: true,
          }
      });

      theme.app();

      var settings = theme.settings();
      settings.should.have.a.property("userMenu");
      settings.userMenu.should.be.eql(true);

    });


    it("includes list of plugin themes", function(done) {
        theme.init({},{
            plugins: { getPluginsByType: _ => [{id:"theme-plugin"}] }
        });
        const app = theme.app();
        request(app)
            .get("/")
            .end(function(err,res) {
                if (err) {
                    return done(err);
                }
                try {
                    const response = JSON.parse(res.text);
                    response.should.have.property("themes");
                    response.themes.should.eql(["theme-plugin"])
                    done();
                } catch(err) {
                    done(err);
                }
            });
    });

    it("includes theme plugin settings", async function () {
        theme.init({
            editorTheme: {
                theme: 'test-theme'
            }
        },{
            plugins: { getPlugin: t => {
                    return ({'test-theme':{
                        path: '/abosolute/path/to/plugin',
                        css: [
                            "path/to/custom/css/file1.css",
                            "/invalid/path/to/file2.css",
                            "../another/invalid/path/file3.css"
                        ],
                        scripts: [
                            "path/to/custom/js/file1.js",
                            "/invalid/path/to/file2.js",
                            "../another/invalid/path/file3.js"
                        ]
                    }})[t.id];
            } }
        });

        theme.app();

        var context = await theme.context();
        context.should.have.a.property("page");
        context.page.should.have.a.property("css");
        context.page.css.should.have.lengthOf(1);
        context.page.css[0].should.eql('theme/css/file1.css');
        context.page.should.have.a.property("scripts");
        context.page.scripts.should.have.lengthOf(1);
        context.page.scripts[0].should.eql('theme/scripts/file1.js');

    });
});