You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.1 KiB
33 lines
1.1 KiB
6 years ago
|
import React from 'react'
|
||
|
|
import Menu from 'components/UI/Menu'
|
||
|
|
import MenuItem from 'components/UI/MenuItem'
|
||
|
|
import MenuItemGroup from 'components/UI/MenuItemGroup'
|
||
|
|
import renderer from 'react-test-renderer'
|
||
|
|
import { dark } from 'themes'
|
||
|
|
import { ThemeProvider } from 'styled-components'
|
||
|
|
|
||
|
|
describe('component.UI.Menu', () => {
|
||
|
|
it('should render correctly', () => {
|
||
|
|
const tree = renderer
|
||
|
|
.create(
|
||
|
|
<ThemeProvider theme={dark}>
|
||
|
|
<Menu>
|
||
|
|
<MenuItemGroup title="My Items">
|
||
|
|
<MenuItem key="item1">My item 1</MenuItem>
|
||
|
|
<MenuItem key="item2">My item 2</MenuItem>
|
||
|
|
<MenuItem key="item3">My item 3</MenuItem>
|
||
|
|
</MenuItemGroup>
|
||
|
|
|
||
|
|
<MenuItemGroup title="Other items">
|
||
|
|
<MenuItem key="item4">Other item 1</MenuItem>
|
||
|
|
<MenuItem key="item5">Other item 2</MenuItem>
|
||
|
|
<MenuItem key="item6">Other item 3</MenuItem>
|
||
|
|
</MenuItemGroup>
|
||
|
|
</Menu>
|
||
|
|
</ThemeProvider>
|
||
|
|
)
|
||
|
|
.toJSON()
|
||
|
|
expect(tree).toMatchSnapshot()
|
||
|
|
})
|
||
|
|
})
|