test: update menu test
parent
cc0387b425
commit
70f8c560b3
|
@ -32,7 +32,7 @@ describe('Menu', () => {
|
||||||
},
|
},
|
||||||
}, { attachToDocument: true, sync: false })
|
}, { attachToDocument: true, sync: false })
|
||||||
await asyncExpect(() => {
|
await asyncExpect(() => {
|
||||||
expect($$('.ant-menu-sub')[0].className).not.toContain('ant-menu-hidden')
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
@ -51,7 +51,7 @@ describe('Menu', () => {
|
||||||
},
|
},
|
||||||
}, { attachToDocument: true, sync: false })
|
}, { attachToDocument: true, sync: false })
|
||||||
await asyncExpect(() => {
|
await asyncExpect(() => {
|
||||||
expect($$('.ant-menu-sub')[0].className).not.toContain('ant-menu-hidden')
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
@ -70,116 +70,168 @@ describe('Menu', () => {
|
||||||
},
|
},
|
||||||
}, { attachToDocument: true, sync: false })
|
}, { attachToDocument: true, sync: false })
|
||||||
await asyncExpect(() => {
|
await asyncExpect(() => {
|
||||||
expect($$('.ant-menu-sub')[0].className).not.toContain('ant-menu-hidden')
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
// it('horizontal', () => {
|
it('horizontal', async () => {
|
||||||
// const wrapper = mount({
|
const wrapper = mount({
|
||||||
// render () {
|
props: {
|
||||||
// return (
|
openKeys: {
|
||||||
// <Menu openKeys={['1']} mode='horizontal' openTransitionName=''>
|
type: Array,
|
||||||
// <SubMenu key='1' title='submenu1'>
|
default: function () {
|
||||||
// <Menu.Item key='submenu1'>Option 1</Menu.Item>
|
return ['1']
|
||||||
// <Menu.Item key='submenu2'>Option 2</Menu.Item>
|
},
|
||||||
// </SubMenu>
|
},
|
||||||
// <Menu.Item key='2'>menu2</Menu.Item>
|
},
|
||||||
// </Menu>
|
render () {
|
||||||
// )
|
return (
|
||||||
// },
|
<Menu openKeys={this.openKeys} mode='horizontal' openTransitionName=''>
|
||||||
// })
|
<SubMenu key='1' title='submenu1'>
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
<Menu.Item key='submenu1'>Option 1</Menu.Item>
|
||||||
// wrapper.setProps({ openKeys: [] })
|
<Menu.Item key='submenu2'>Option 2</Menu.Item>
|
||||||
// wrapper.update()
|
</SubMenu>
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true)
|
<Menu.Item key='2'>menu2</Menu.Item>
|
||||||
// wrapper.setProps({ openKeys: ['1'] })
|
</Menu>
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
)
|
||||||
// })
|
},
|
||||||
|
}, { attachToDocument: true, sync: false })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
|
})
|
||||||
|
wrapper.setProps({ openKeys: [] })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).toBe('none')
|
||||||
|
})
|
||||||
|
|
||||||
// it('inline', () => {
|
wrapper.setProps({ openKeys: ['1'] })
|
||||||
// const wrapper = mount({
|
await asyncExpect(() => {
|
||||||
// render () {
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
// return (
|
})
|
||||||
// <Menu openKeys={['1']} mode='inline' openAnimation=''>
|
})
|
||||||
// <SubMenu key='1' title='submenu1'>
|
|
||||||
// <Menu.Item key='submenu1'>Option 1</Menu.Item>
|
|
||||||
// <Menu.Item key='submenu2'>Option 2</Menu.Item>
|
|
||||||
// </SubMenu>
|
|
||||||
// <Menu.Item key='2'>menu2</Menu.Item>
|
|
||||||
// </Menu>
|
|
||||||
// )
|
|
||||||
// },
|
|
||||||
// })
|
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
|
||||||
// wrapper.setProps({ openKeys: [] })
|
|
||||||
// wrapper.update()
|
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true)
|
|
||||||
// wrapper.setProps({ openKeys: ['1'] })
|
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
|
||||||
// })
|
|
||||||
|
|
||||||
// it('vertical', () => {
|
it('inline', async () => {
|
||||||
// const wrapper = mount({
|
const wrapper = mount({
|
||||||
// render () {
|
props: {
|
||||||
// return (
|
openKeys: {
|
||||||
// <Menu openKeys={['1']} mode='vertical' openTransitionName=''>
|
type: Array,
|
||||||
// <SubMenu key='1' title='submenu1'>
|
default: function () {
|
||||||
// <Menu.Item key='submenu1'>Option 1</Menu.Item>
|
return ['1']
|
||||||
// <Menu.Item key='submenu2'>Option 2</Menu.Item>
|
},
|
||||||
// </SubMenu>
|
},
|
||||||
// <Menu.Item key='2'>menu2</Menu.Item>
|
},
|
||||||
// </Menu>
|
render () {
|
||||||
// )
|
return (
|
||||||
// },
|
<Menu openKeys={this.openKeys} mode='inline' openAnimation=''>
|
||||||
// })
|
<SubMenu key='1' title='submenu1'>
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
<Menu.Item key='submenu1'>Option 1</Menu.Item>
|
||||||
// wrapper.setProps({ openKeys: [] })
|
<Menu.Item key='submenu2'>Option 2</Menu.Item>
|
||||||
// wrapper.update()
|
</SubMenu>
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true)
|
<Menu.Item key='2'>menu2</Menu.Item>
|
||||||
// wrapper.setProps({ openKeys: ['1'] })
|
</Menu>
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
)
|
||||||
// })
|
},
|
||||||
|
}, { attachToDocument: true, sync: false })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].style.display).not.toBe('none')
|
||||||
|
})
|
||||||
|
wrapper.setProps({ openKeys: [] })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].style.display).toBe('none')
|
||||||
|
})
|
||||||
|
wrapper.setProps({ openKeys: ['1'] })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].style.display).not.toBe('none')
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
// // https://github.com/ant-design/ant-design/pulls/4677
|
it('vertical', async () => {
|
||||||
// // https://github.com/ant-design/ant-design/issues/4692
|
const wrapper = mount({
|
||||||
// // TypeError: Cannot read property 'indexOf' of undefined
|
props: {
|
||||||
// it('pr #4677 and issue #4692', () => {
|
openKeys: {
|
||||||
// const wrapper = mount({
|
type: Array,
|
||||||
// render () {
|
default: function () {
|
||||||
// return (
|
return ['1']
|
||||||
// <Menu mode='horizontal'>
|
},
|
||||||
// <SubMenu title='submenu'>
|
},
|
||||||
// <Menu.Item key='1'>menu1</Menu.Item>
|
},
|
||||||
// <Menu.Item key='2'>menu2</Menu.Item>
|
render () {
|
||||||
// </SubMenu>
|
return (
|
||||||
// </Menu>
|
<Menu openKeys={this.openKeys} mode='vertical' openTransitionName=''>
|
||||||
// )
|
<SubMenu key='1' title='submenu1'>
|
||||||
// },
|
<Menu.Item key='submenu1'>Option 1</Menu.Item>
|
||||||
// })
|
<Menu.Item key='submenu2'>Option 2</Menu.Item>
|
||||||
// wrapper.update()
|
</SubMenu>
|
||||||
// // just expect no error emit
|
<Menu.Item key='2'>menu2</Menu.Item>
|
||||||
// })
|
</Menu>
|
||||||
|
)
|
||||||
|
},
|
||||||
|
}, { attachToDocument: true, sync: false })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
|
})
|
||||||
|
wrapper.setProps({ openKeys: [] })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).toBe('none')
|
||||||
|
})
|
||||||
|
wrapper.setProps({ openKeys: ['1'] })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
// it('should always follow openKeys when mode is switched', () => {
|
// https://github.com/ant-design/ant-design/pulls/4677
|
||||||
// const wrapper = mount({
|
// https://github.com/ant-design/ant-design/issues/4692
|
||||||
// render () {
|
// TypeError: Cannot read property 'indexOf' of undefined
|
||||||
// return (
|
it('pr #4677 and issue #4692', () => {
|
||||||
// <Menu openKeys={['1']} mode='inline'>
|
const wrapper = mount({
|
||||||
// <SubMenu key='1' title='submenu1'>
|
render () {
|
||||||
// <Menu.Item key='submenu1'>Option 1</Menu.Item>
|
return (
|
||||||
// <Menu.Item key='submenu2'>Option 2</Menu.Item>
|
<Menu mode='horizontal'>
|
||||||
// </SubMenu>
|
<SubMenu title='submenu'>
|
||||||
// <Menu.Item key='2'>menu2</Menu.Item>
|
<Menu.Item key='1'>menu1</Menu.Item>
|
||||||
// </Menu>
|
<Menu.Item key='2'>menu2</Menu.Item>
|
||||||
// )
|
</SubMenu>
|
||||||
// },
|
</Menu>
|
||||||
// })
|
)
|
||||||
// expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
},
|
||||||
// wrapper.setProps({ mode: 'vertical' })
|
}, { attachToDocument: true, sync: false })
|
||||||
// expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
wrapper.vm.$forceUpdate()
|
||||||
// wrapper.setProps({ mode: 'inline' })
|
// just expect no error emit
|
||||||
// expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
})
|
||||||
// })
|
|
||||||
|
it('should always follow openKeys when mode is switched', async () => {
|
||||||
|
const wrapper = mount({
|
||||||
|
props: {
|
||||||
|
mode: {
|
||||||
|
type: String,
|
||||||
|
default: 'inline',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
render () {
|
||||||
|
return (
|
||||||
|
<Menu openKeys={['1']} mode={this.mode}>
|
||||||
|
<SubMenu key='1' title='submenu1'>
|
||||||
|
<Menu.Item key='submenu1'>Option 1</Menu.Item>
|
||||||
|
<Menu.Item key='submenu2'>Option 2</Menu.Item>
|
||||||
|
</SubMenu>
|
||||||
|
<Menu.Item key='2'>menu2</Menu.Item>
|
||||||
|
</Menu>
|
||||||
|
)
|
||||||
|
},
|
||||||
|
}, { attachToDocument: true, sync: false })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].style.display).not.toBe('none')
|
||||||
|
})
|
||||||
|
wrapper.setProps({ mode: 'vertical' })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
|
}, 0)
|
||||||
|
wrapper.setProps({ mode: 'inline' })
|
||||||
|
await asyncExpect(() => {
|
||||||
|
expect($$('.ant-menu-sub')[0].style.display).not.toBe('none')
|
||||||
|
}, 0)
|
||||||
|
})
|
||||||
|
|
||||||
// it('should always follow openKeys when mode is switched', () => {
|
// it('should always follow openKeys when mode is switched', () => {
|
||||||
// const wrapper = mount({
|
// const wrapper = mount({
|
||||||
|
@ -288,9 +340,9 @@ describe('Menu', () => {
|
||||||
// expect(wrapper.find('.ant-menu-sub').length).toBe(0)
|
// expect(wrapper.find('.ant-menu-sub').length).toBe(0)
|
||||||
// toggleMenu(wrapper, 0, 'click')
|
// toggleMenu(wrapper, 0, 'click')
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1)
|
// expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1)
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
// expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
// toggleMenu(wrapper, 0, 'click')
|
// toggleMenu(wrapper, 0, 'click')
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true)
|
// expect($$('.ant-menu-sub')[0].parentElement.style.display).toBe('none')
|
||||||
// })
|
// })
|
||||||
|
|
||||||
// it('vertical', () => {
|
// it('vertical', () => {
|
||||||
|
@ -310,9 +362,9 @@ describe('Menu', () => {
|
||||||
// expect(wrapper.find('.ant-menu-sub').length).toBe(0)
|
// expect(wrapper.find('.ant-menu-sub').length).toBe(0)
|
||||||
// toggleMenu(wrapper, 0, 'mouseenter')
|
// toggleMenu(wrapper, 0, 'mouseenter')
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1)
|
// expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1)
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
// expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
// toggleMenu(wrapper, 0, 'mouseleave')
|
// toggleMenu(wrapper, 0, 'mouseleave')
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true)
|
// expect($$('.ant-menu-sub')[0].parentElement.style.display).toBe('none')
|
||||||
// })
|
// })
|
||||||
|
|
||||||
// it('horizontal', () => {
|
// it('horizontal', () => {
|
||||||
|
@ -333,9 +385,9 @@ describe('Menu', () => {
|
||||||
// expect(wrapper.find('.ant-menu-sub').length).toBe(0)
|
// expect(wrapper.find('.ant-menu-sub').length).toBe(0)
|
||||||
// toggleMenu(wrapper, 0, 'mouseenter')
|
// toggleMenu(wrapper, 0, 'mouseenter')
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1)
|
// expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1)
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true)
|
// expect($$('.ant-menu-sub')[0].parentElement.style.display).not.toBe('none')
|
||||||
// toggleMenu(wrapper, 0, 'mouseleave')
|
// toggleMenu(wrapper, 0, 'mouseleave')
|
||||||
// expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true)
|
// expect($$('.ant-menu-sub')[0].parentElement.style.display).toBe('none')
|
||||||
// })
|
// })
|
||||||
// })
|
// })
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue