chore: 🤖 add code format tool
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import Vue from 'vue'
|
||||
import {mount} from '@vue/test-utils'
|
||||
import {Tree, VueTreeList} from '@/index'
|
||||
import { mount } from '@vue/test-utils'
|
||||
import { Tree, VueTreeList } from '@/index'
|
||||
|
||||
describe('Drag', () => {
|
||||
let wrapper
|
||||
@@ -36,14 +36,14 @@ describe('Drag', () => {
|
||||
pid: 0
|
||||
}
|
||||
])
|
||||
wrapper = mount(VueTreeList, {propsData: {model: new Tree([])}})
|
||||
wrapper.setProps({model: tree})
|
||||
wrapper = mount(VueTreeList, { propsData: { model: new Tree([]) } })
|
||||
wrapper.setProps({ model: tree })
|
||||
})
|
||||
|
||||
it('drag before', done => {
|
||||
const $tree2 = wrapper.find('#t2 .vtl-node-main')
|
||||
const $tree1Up = wrapper.find('#t1 .vtl-up')
|
||||
$tree2.trigger('dragstart', { dataTransfer: { setData: () => {} }})
|
||||
$tree2.trigger('dragstart', { dataTransfer: { setData: () => {} } })
|
||||
$tree1Up.trigger('drop')
|
||||
Vue.nextTick(() => {
|
||||
expect(wrapper.find('.vtl-node').attributes('id')).toBe('t2')
|
||||
@@ -54,10 +54,15 @@ describe('Drag', () => {
|
||||
it('drag after', done => {
|
||||
const $tree3 = wrapper.find('#t3 .vtl-node-main')
|
||||
const $tree1Bottom = wrapper.find('#t1 .vtl-bottom')
|
||||
$tree3.trigger('dragstart', { dataTransfer: { setData: () => {} }})
|
||||
$tree3.trigger('dragstart', { dataTransfer: { setData: () => {} } })
|
||||
$tree1Bottom.trigger('drop')
|
||||
Vue.nextTick(() => {
|
||||
expect(wrapper.findAll('.vtl-tree-node').at(2).attributes('id')).toBe('t3')
|
||||
expect(
|
||||
wrapper
|
||||
.findAll('.vtl-tree-node')
|
||||
.at(2)
|
||||
.attributes('id')
|
||||
).toBe('t3')
|
||||
done()
|
||||
})
|
||||
})
|
||||
@@ -65,7 +70,7 @@ describe('Drag', () => {
|
||||
it('drag into', done => {
|
||||
const $tree3 = wrapper.find('#t3 .vtl-node-main')
|
||||
const $tree1 = wrapper.find('#t1 .vtl-node-main')
|
||||
$tree3.trigger('dragstart', { dataTransfer: { setData: () => {} }})
|
||||
$tree3.trigger('dragstart', { dataTransfer: { setData: () => {} } })
|
||||
$tree1.trigger('drop')
|
||||
Vue.nextTick(() => {
|
||||
expect(wrapper.find('#t1 + .vtl-tree-margin .vtl-node').attributes('id')).toBe('t3')
|
||||
@@ -77,7 +82,7 @@ describe('Drag', () => {
|
||||
const snapshot = wrapper.html()
|
||||
const $tree1 = wrapper.find('#t1 .vtl-node-main')
|
||||
const $tree1Child = wrapper.find('#t12 .vtl-node-main')
|
||||
$tree1.trigger('dragstart', { dataTransfer: { setData: () => {} }})
|
||||
$tree1.trigger('dragstart', { dataTransfer: { setData: () => {} } })
|
||||
$tree1Child.trigger('drop')
|
||||
Vue.nextTick(() => {
|
||||
expect(wrapper.html()).toBe(snapshot)
|
||||
|
@@ -1,6 +1,6 @@
|
||||
import Vue from 'vue'
|
||||
import {mount} from '@vue/test-utils'
|
||||
import {Tree, VueTreeList} from '@/index'
|
||||
import { mount } from '@vue/test-utils'
|
||||
import { Tree, VueTreeList } from '@/index'
|
||||
|
||||
describe('Operation', () => {
|
||||
let wrapper
|
||||
@@ -26,8 +26,8 @@ describe('Operation', () => {
|
||||
pid: 0
|
||||
}
|
||||
])
|
||||
wrapper = mount(VueTreeList, {propsData: {model: new Tree([])}})
|
||||
wrapper.setProps({model: tree})
|
||||
wrapper = mount(VueTreeList, { propsData: { model: new Tree([]) } })
|
||||
wrapper.setProps({ model: tree })
|
||||
})
|
||||
|
||||
it('delete leaf node', done => {
|
||||
@@ -75,7 +75,7 @@ describe('Operation', () => {
|
||||
const $input = wrapper.find('#t1 .vtl-input')
|
||||
$input.element.value = 'New Node 1'
|
||||
$input.trigger('input')
|
||||
var event = new KeyboardEvent('keyup', {keyCode: 13})
|
||||
var event = new KeyboardEvent('keyup', { keyCode: 13 })
|
||||
window.dispatchEvent(event)
|
||||
Vue.nextTick(() => {
|
||||
expect(wrapper.find('#t1').text()).toBe('New Node 1')
|
||||
|
@@ -1,5 +1,5 @@
|
||||
import {mount} from '@vue/test-utils'
|
||||
import {Tree, VueTreeList} from '@/index'
|
||||
import { mount } from '@vue/test-utils'
|
||||
import { Tree, VueTreeList } from '@/index'
|
||||
|
||||
describe('Render', () => {
|
||||
it('render correctly', () => {
|
||||
|
@@ -1,6 +1,6 @@
|
||||
import Vue from 'vue'
|
||||
import {mount} from '@vue/test-utils'
|
||||
import {Tree, VueTreeList} from '@/index'
|
||||
import { mount } from '@vue/test-utils'
|
||||
import { Tree, VueTreeList } from '@/index'
|
||||
|
||||
describe('Slot', () => {
|
||||
let wrapper
|
||||
@@ -27,29 +27,41 @@ describe('Slot', () => {
|
||||
}
|
||||
])
|
||||
wrapper = mount(VueTreeList, {
|
||||
propsData: {model: new Tree([])},
|
||||
propsData: { model: new Tree([]) },
|
||||
scopedSlots: {
|
||||
addTreeNodeIcon() {
|
||||
return <span class="add-tree-node-icon">📂</span>
|
||||
return <span class='add-tree-node-icon'>📂</span>
|
||||
},
|
||||
addLeafNodeIcon() {
|
||||
return <span class="icon">+</span>
|
||||
return <span class='icon'>+</span>
|
||||
},
|
||||
editNodeIcon() {
|
||||
return <span class="icon">📃</span>
|
||||
return <span class='icon'>📃</span>
|
||||
},
|
||||
delNodeIcon(slotProps) {
|
||||
return (slotProps.model.isLeaf || !slotProps.model.children) ? <span class="del-node-icon">✂️</span> : <span />
|
||||
return slotProps.model.isLeaf || !slotProps.model.children ? (
|
||||
<span class='del-node-icon'>✂️</span>
|
||||
) : (
|
||||
<span />
|
||||
)
|
||||
},
|
||||
leafNodeIcon() {
|
||||
return <span class="icon">🍃</span>
|
||||
return <span class='icon'>🍃</span>
|
||||
},
|
||||
treeNodeIcon(slotProps) {
|
||||
return <span class="tree-node-icon icon">{ slotProps.model.children && slotProps.model.children.length > 0 && !slotProps.expanded ? '🌲' : '❀' }</span>
|
||||
return (
|
||||
<span class='tree-node-icon icon'>
|
||||
{slotProps.model.children &&
|
||||
slotProps.model.children.length > 0 &&
|
||||
!slotProps.expanded
|
||||
? '🌲'
|
||||
: '❀'}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
}
|
||||
})
|
||||
wrapper.setProps({model: tree})
|
||||
wrapper.setProps({ model: tree })
|
||||
})
|
||||
|
||||
it('render slot correctly', () => {
|
||||
|
Reference in New Issue
Block a user