toggle-switch.mjs

import {getGlobal} from "../../../../source/types/global.mjs";
import * as chai from 'chai';
import {chaiDom} from "../../../util/chai-dom.mjs";
import {initJSDOM} from "../../../util/jsdom.mjs";

let expect = chai.expect;
chai.use(chaiDom);

const global = getGlobal();

let html1 = `
    <div id="test1">
    </div>
`;

let html2 = `
    <div id="test2">
         <monster-toggle-switch></monster-toggle-switch>
    </div>
`;

let ToggleSwitch;

describe('ToggleSwitch', function () {

    before(function (done) {
        initJSDOM().then(() => {

            import("element-internals-polyfill").catch(e => done(e));

            import("../../../../source/components/form/toggle-switch.mjs").then((m) => {
                ToggleSwitch = m['ToggleSwitch'];
                done()
            }).catch(e => done(e))


        });
    })

    describe('new ToggleSwitch', function () {

        beforeEach(() => {
            let mocks = document.getElementById('mocks');
            mocks.innerHTML = html1;
        })

        afterEach(() => {
            let mocks = document.getElementById('mocks');
            mocks.innerHTML = "";
        })

        describe('create from template', function () {
            beforeEach(() => {
                let mocks = document.getElementById('mocks');
                mocks.innerHTML = html2;
            });

            afterEach(() => {
                let mocks = document.getElementById('mocks');
                mocks.innerHTML = "";

            })

            describe('create from template', function () {
                it('should contains monster-toggle-switch', function () {
                    expect(document.getElementById('test2')).contain.html('<monster-toggle-switch');
                });
            });

        });