Skip to content

Commit

Permalink
revert: revert test case
Browse files Browse the repository at this point in the history 
This reverts commit 70648c6.
  • Loading branch information
@haoziqaq
haoziqaq committed Sep 18, 2022
1 parent 3dc8931 commit c1cf24d
Show file tree
Hide file tree
Showing 16 changed files with 1,531 additions and 8 deletions.
124 changes: 124 additions & 0 deletions packages/varlet-ui/src/checkbox-group/__tests__/__snapshots__/index.spec.js.snap
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,129 @@
// Vitest Snapshot v1

exports[`test checkbox example 1`] = `
"<div class=\\"app-type\\" data-v-d225b30a=\\"\\">基本使用</div>
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">当前的值: false</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"app-type\\" data-v-d225b30a=\\"\\">设置状态值</div>
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">当前的值: 0</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"app-type\\" data-v-d225b30a=\\"\\">修改图标和颜色</div>
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\" style=\\"color: rgb(233, 158, 180);\\"><i class=\\"var-icon var-icon--set var-icon-heart-half-full\\" style=\\"transition: transform 0ms; font-size: 24px;\\" data-v-d225b30a=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">当前的值: false</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"app-type\\" data-v-d225b30a=\\"\\">禁用</div>
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked var-checkbox--disabled\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text var-checkbox--disabled\\">当前的值: false</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"app-type\\" data-v-d225b30a=\\"\\">只读</div>
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">当前的值: false</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"app-type\\" data-v-d225b30a=\\"\\">复选框组</div>
<div class=\\"var-checkbox-group__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox-group var-checkbox-group--horizontal\\">
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">吃饭</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">睡觉</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div><button class=\\"var-button var--box var-button--normal var--inline-flex var-button--primary var-elevation--2 button\\" data-v-d225b30a=\\"\\">
<!--v-if-->
<div class=\\"var-button__content\\">全选</div>
</button><button class=\\"var-button var--box var-button--normal var--inline-flex var-button--primary var-elevation--2 button\\" data-v-d225b30a=\\"\\">
<!--v-if-->
<div class=\\"var-button__content\\">反选</div>
</button>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"relation\\" data-v-d225b30a=\\"\\">当前的值: []</div>
<div class=\\"app-type\\" data-v-d225b30a=\\"\\">复选框字段校验</div>
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">当前的值: false</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"app-type\\" data-v-d225b30a=\\"\\">复选框组字段校验</div>
<div class=\\"var-checkbox-group__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox-group var-checkbox-group--horizontal\\">
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">吃饭</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"var-checkbox__wrap\\" data-v-d225b30a=\\"\\">
<div class=\\"var-checkbox\\">
<div class=\\"var-checkbox__action var-checkbox--unchecked\\"><i class=\\"var-icon var-icon--set var-icon-checkbox-blank-outline var-checkbox__icon\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
<div class=\\"var-checkbox__text\\">睡觉</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
</div>
<transition-stub>
<!--v-if-->
</transition-stub>
</div>
<div class=\\"relation\\" data-v-d225b30a=\\"\\">当前的值: []</div>
<div class=\\"space\\" data-v-d225b30a=\\"\\"></div>"
`;
exports[`test checkbox group layout direction 1`] = `
"<div class=\\"var-checkbox-group__wrap\\">
<div class=\\"var-checkbox-group var-checkbox-group--vertical\\">
Expand Down
7 changes: 7 additions & 0 deletions packages/varlet-ui/src/checkbox-group/__tests__/index.spec.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import example from '../example'
import CheckboxGroup from '..'
import Checkbox from '../../checkbox'
import VarCheckboxGroup from '../CheckboxGroup'
Expand All @@ -6,6 +7,12 @@ import { mount } from '@vue/test-utils'
import { createApp } from 'vue'
import { delay } from '../../utils/test'

test('test checkbox example', () => {
const wrapper = mount(example)
expect(wrapper.html()).toMatchSnapshot()
wrapper.unmount()
})

test('test checkbox group plugin', () => {
const app = createApp({}).use(CheckboxGroup)
expect(app.component(CheckboxGroup.name)).toBeTruthy()
Expand Down
Loading

0 comments on commit c1cf24d

Please sign in to comment.