/*
 * Copyright (C) 2022 Huawei Device Co., Ltd.
 * 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.
 */

// @ts-ignore
import {LitMainMenuItem} from "../../../dist/base-ui/menu/LitMainMenuItem.js";

describe("litMainMenuItem Test", () => {

    it('litMainMenuItem01', () => {
        let litMainMenuItem = new LitMainMenuItem();
        expect(litMainMenuItem).not.toBeUndefined()
        expect(litMainMenuItem).not.toBeNull()
    });

    it('litMainMenuItem02', () => {
        let litMainMenuItem = new LitMainMenuItem();
        expect(litMainMenuItem.title).toEqual("")
    });

    it('litMainMenuItem03', () => {
        let litMainMenuItem = new LitMainMenuItem();
        litMainMenuItem.title ="test"
        expect(litMainMenuItem.title).toEqual("test")
    });


    it('litMainMenuItem04', () => {
        document.body.innerHTML = `<lit-main-menu-item file></lit-main-menu-item>
        `
        let litMainMenuItem = new LitMainMenuItem();
        litMainMenuItem.title ="test02"
        expect(litMainMenuItem.title).toEqual("test02")
    });

    it('litMainMenuItem05', () => {
        document.body.innerHTML = `<lit-main-menu-item></lit-main-menu-item>
        `
        let litMainMenuItem = new LitMainMenuItem();
        litMainMenuItem.title ="test03"
        expect(litMainMenuItem.title).toEqual("test03")
    });

    it('litMainMenuItem06', () => {
        document.body.innerHTML = `<lit-main-menu-item></lit-main-menu-item>
        `
        let litMainMenuItem = new LitMainMenuItem();
        expect(litMainMenuItem.isFile()).toBeFalsy();
    });

    it('litMainMenuItem07', () => {
        document.body.innerHTML = `<lit-main-menu-item></lit-main-menu-item>
        `
        let litMainMenuItem = new LitMainMenuItem();
        litMainMenuItem.disabled = true;
        expect(litMainMenuItem.disabled).toBeTruthy();
    });

    it('litMainMenuItem08', () => {
        document.body.innerHTML = `<lit-main-menu-item></lit-main-menu-item>
        `
        let litMainMenuItem = new LitMainMenuItem();
        litMainMenuItem.disabled = false;
        expect(litMainMenuItem.disabled).toBeFalsy();
    });

    it('litMainMenuItem09', () => {
        let litMainMenuItem = new LitMainMenuItem();
        expect(litMainMenuItem.initHtml()).toMatchInlineSnapshot(`
"
        <style>
            :host{
                user-select: none;
                display: flex;
                font-family: Helvetica;
                opacity: 0.6;
                font-size: 14px;
                color: var(--dark-color,rgba(0,0,0,0.6));
                text-align: left;
                line-height: 20px;
                font-weight: 400
                background-color: #FFFFFF;
                transition: background-color .3s;
            }
            :host(:not([disabled]):hover){
                display: flex;
                background-color: var(--dark-background8,#0A59F7);
                color: #FFFFFF;
                cursor: pointer;
            }
            :host([disabled]:hover){
                display: flex;
                /*background-color:#3391FF;*/
                /*color: #FFFFFF;*/
                cursor:not-allowed;
            }
            :host([disabled]) .root{
                cursor:not-allowed;
                display: flex;
                align-items: center;
                padding: 10px 24px;
                width: 100%;
            }
            :host(:not([disabled])) .root{
                cursor:pointer;
                display: flex;
                align-items: center;
                padding: 10px 24px;
                width: 100%;
            }
            .name{
                padding-left: 10px;
                cursor: pointer;
            }
            .icon{
                pointer-events: none;
            }
            :host(:not([file])) .name{
                pointer-events: none;
            }
            :host(:not([file])) .root{
                pointer-events: none;
            }
            :host([file]) .name{
                pointer-events: none;
            }
            :host([file]) .icon{
                pointer-events: none;
            }
            
            :host([back]) {
                background-color: var(--dark-background8,#0A59F7);
            } 
            
        </style>
        <input id=\\"file\\" class=\\"file\\" type=\\"file\\" style=\\"display:none;pointer-events: none\\" />
        <label class=\\"root\\" for=\\"file\\">
            <lit-icon class=\\"icon\\" name=\\"user\\" size=\\"20\\"></lit-icon>
            <label class=\\"name\\"></label>
        </label>
        "
`);
    });
    it('litMainMenuItem10', () => {
        let litMainMenuItem = new LitMainMenuItem();
        litMainMenuItem.back = true
        expect(litMainMenuItem.back).toBeTruthy()
    })
    it('litMainMenuItem11', () => {
        let litMainMenuItem = new LitMainMenuItem();
        litMainMenuItem.back = false
        expect(litMainMenuItem.back).toBeFalsy()
    })

    it('litMainMenuItem12', () => {
        const onclick = jest.fn();
        let menuItem = document.body.innerHTML = `
            <lit-main-menu-item id='menu'></lit-main-menu-item>
        `
        const menu = document.getElementById('menu');
        expect(onclick).not.toBeCalled();
        menu!.onclick = onclick;
        menu!.click();
        expect(onclick).toBeCalled();
        expect(onclick).toHaveBeenCalledTimes(1);
    });
})