import { Element } from '../../../types';

describe('Block', () => {
    describe('static parse', () => {
        it('简单标签', () => {
            const source = `<l-dashboard>
                <template #head>
                    <u-navbar>
                        <template #left>
                            <s-logo>演示</s-logo>
                        </template>
                        <template #default>
                            <u-navbar-item>Item 1</u-navbar-item>
                            <u-navbar-item>Item 2</u-navbar-item>
                        </template>
                        <template #right>
                            <!-- <div :class="$style.item">
                            <u-badge corner dot :value="noticeCount">
                                <u-link :class="$style.link"
                                    :active="noticeActive"
                                    to="/notice"
                                    title="通知">
                                    <i-icon name="notice" style="display: inline-block; vertical-align: top; font-size: 16px;"></i-icon>
                                </u-link>
                            </u-badge>
                        </div> -->
                            <u-navbar-dropdown style="margin-right: 10px;" v-if="userInfo">
                                <template #title>
                                    <u-avatar shape="circle"></u-avatar>
                                    <span style="display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px; color: white;">{{ userInfo.UserName }}</span>
                                </template>
                                <template #default>
                                    <u-navbar-menu>
                                        <u-navbar-menu-item to="/account/center">个人中心</u-navbar-menu-item>
                                        <u-navbar-menu-item @click="logout">安全退出</u-navbar-menu-item>
                                    </u-navbar-menu>
                                </template>
                            </u-navbar-dropdown>
                            <template v-else>
                                <u-navbar>
                                    <u-navbar-item href="/login">登录</u-navbar-item>
                                </u-navbar>
                            </template>
                        </template>
                    </u-navbar>
                </template>
                <template #side>
                    <u-sidebar>
                        <u-sidebar-item to="/overview">总览</u-sidebar-item>
                        <u-sidebar-item>Item 2</u-sidebar-item>
                    </u-sidebar>
                </template>
                <template #default>
                    <u-linear-layout direction="vertical" :class="$style.main">
                        <u-crumb auto></u-crumb>
                        <slot><router-view></router-view></slot>
                    </u-linear-layout>
                </template>
            </l-dashboard>
        `;
            const element = Element.parse(source);
            const result = element.toVue({ aslIdAttr: true });
            console.info(result);
        });
    });
});