github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

test: update menu test

pull/77/merge
tjz 2018-06-26 21:47:15 +08:00
parent cc0387b425
commit 70f8c560b3
1 changed files with 163 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

274
components/menu/__tests__/index.test.js
View File

@ -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')
// }) // })
// }) // })
}) })