@skilltree/skills-client-js/test/display/ErrorPageUtils.test.js

SkillTree Client Lib - Native JS Lib

/*
 * Copyright 2025 SkillTree
 *
 * 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
 *
 *     https://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.
 */
import ErrorPageUtils from "../../src/display/ErrorPageUtils";

describe('ErrorPageUtils', () => {
    it('is found', () => {
        expect(ErrorPageUtils).toBeDefined();
    });

    it('able to remove all the dom children', () => {
        const e1 = document.createElement('div');
        const e2 = document.createElement('div');
        const e3 = document.createElement('div');
        e1.appendChild(e2);
        e1.appendChild(e3);

        expect(e1.childNodes.length).toBe(2);
        ErrorPageUtils.removeAllChildren(e1);
        expect(e1.childNodes.length).toBe(0);
    });

    it('build error page', () => {
        const errPage = ErrorPageUtils.buildErrorPage()
        const expectedHTML = `
            <p>
                <span style="font-size: 6rem; border: 1px solid #ccc !important; border-radius: 4px; padding: 1rem 4rem 1rem 4rem;">😕</span>
            </p>
            <p style="font-size: 2rem; color: #460f0f;">
                Could NOT reach Skilltree Service.
            </p>
            <div>Please contact the skilltree server administrator. </div>`
        const flattenHTML = expectedHTML.replace(/\n|\s{2,}/gi, '')
        expect(errPage.innerHTML).toBe(flattenHTML);
    });
});