1/* 2 * Copyright (C) 2022 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16// @ts-ignore 17import {LitMainMenuGroup} from "../../../dist/base-ui/menu/LitMainMenuGroup.js"; 18 19describe("litMainMenuGroup Test", () => { 20 21 it('litMainMenuGroup01', () => { 22 let litMainMenuGroup = new LitMainMenuGroup(); 23 expect(litMainMenuGroup).not.toBeUndefined() 24 expect(litMainMenuGroup).not.toBeNull() 25 }); 26 27 it('litMainMenuGroup02', () => { 28 let litMainMenuGroup = new LitMainMenuGroup(); 29 expect(litMainMenuGroup.collapsed).toBeFalsy() 30 }); 31 32 33 it('litMainMenuGroup03', () => { 34 let litMainMenuGroup = new LitMainMenuGroup(); 35 litMainMenuGroup.collapsed = true 36 expect(litMainMenuGroup.collapsed).toBeTruthy() 37 }); 38 39 it('litMainMenuGroup04', () => { 40 let litMainMenuGroup = new LitMainMenuGroup(); 41 litMainMenuGroup.collapsed = false 42 expect(litMainMenuGroup.collapsed).toBeFalsy() 43 }); 44 45 it('litMainMenuGroup06', () => { 46 let litMainMenuGroup = new LitMainMenuGroup(); 47 expect(litMainMenuGroup.radius).toBeFalsy() 48 }); 49 50 it('litMainMenuGroup07', () => { 51 let litMainMenuGroup = new LitMainMenuGroup(); 52 expect(litMainMenuGroup.initHtml()).toMatchInlineSnapshot(` 53" 54 <style> 55 :host{ 56 transition: background-color .3s; 57 user-select: none; 58 } 59 :host(:not([collapsed])){ 60 display: flex; 61 flex-direction: column; 62 width: 248px; 63 background-color: var(--dark-background,#FFFFFF); 64 cursor: pointer; 65 } 66 :host(:not([collapsed])) ::slotted(lit-main-menu-item){ 67 display: flex; 68 } 69 :host(:not([collapsed])) .group-describe{ 70 visibility: hidden; 71 height: 0; 72 } 73 :host([collapsed]){ 74 display: flex; 75 flex-direction: column; 76 width: 248px; 77 background-color: var(--dark-background,#FFFFFF); 78 cursor: pointer; 79 } 80 :host([collapsed]):hover){ 81 background-color: #FFFFFF; 82 } 83 :host([collapsed]) ::slotted(lit-main-menu-item){ 84 display: none; 85 } 86 :host([collapsed]) .group-describe{ 87 visibility: visible; 88 height: auto; 89 } 90 :host([radius]) { 91 border-radius: 16px 0px 0px 16px ; 92 } 93 .group-name{ 94 font-family: Helvetica; 95 font-size: 14px; 96 color: var(--dark-color1,#212121); 97 text-align: left; 98 line-height: 16px; 99 font-weight: 400; 100 padding: 20px 24px 0px 24px; 101 } 102 .group-describe{ 103 color:#92959b; 104 padding: 4px 24px 20px 24px; 105 font-size: .6rem; 106 } 107 108 </style> 109 <div class=\\"group-name\\"></div> 110 <div class=\\"group-describe\\"></div> 111 <slot></slot> 112 " 113`); 114 }); 115 116 it('litMainMenuGroup04', () => { 117 let litMainMenuGroup = new LitMainMenuGroup(); 118 litMainMenuGroup.nocollapsed = true 119 expect(litMainMenuGroup.nocollapsed).toBeTruthy() 120 }); 121 122 it('litMainMenuGroup04', () => { 123 let litMainMenuGroup = new LitMainMenuGroup(); 124 litMainMenuGroup.nocollapsed = false 125 expect(litMainMenuGroup.nocollapsed).toBeFalsy() 126 }); 127 128 it('litMainMenuGroup05', () => { 129 let litMainMenuGroup = new LitMainMenuGroup(); 130 expect(litMainMenuGroup.collapsed).toBeFalsy() 131 }); 132}) 133