67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
// @flow
|
|
|
|
import React from 'react';
|
|
import { render, cleanup } from 'react-testing-library';
|
|
import { ThemeProvider } from 'styled-components';
|
|
import 'jest-dom/extend-expect';
|
|
|
|
import { DropdownComponent } from '../../app/components/dropdown';
|
|
import { Button } from '../../app/components/button';
|
|
import appTheme from '../../app/theme';
|
|
|
|
afterEach(cleanup);
|
|
|
|
describe('<DropdownComponent />', () => {
|
|
test('should render dropdown correctly', () => {
|
|
const { queryByTestId } = render(
|
|
<ThemeProvider theme={appTheme}>
|
|
<div
|
|
style={{ height: '500px' }}
|
|
data-testid='DropdownWrapper'
|
|
>
|
|
<DropdownComponent
|
|
label='Addresses'
|
|
renderTrigger={toggleVisibility => (
|
|
<Button
|
|
label='Show Dropdown'
|
|
onClick={toggleVisibility}
|
|
/>
|
|
)}
|
|
options={[
|
|
{ label: 'asbh1yeasbdh23848asdasd', onClick: console.log },
|
|
{ label: 'urtyruhjr374hbfdjdhuh', onClick: console.log },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>,
|
|
);
|
|
|
|
expect(queryByTestId('DropdownWrapper')).toBeInTheDocument();
|
|
});
|
|
|
|
test('should render dropdown button trigger correctly', () => {
|
|
const { queryByTestId } = render(
|
|
<ThemeProvider theme={appTheme}>
|
|
<div style={{ height: '500px' }}>
|
|
<DropdownComponent
|
|
label='Addresses'
|
|
renderTrigger={toggleVisibility => (
|
|
<Button
|
|
label='Show Dropdown'
|
|
data-testid='DropdownAddressesWrapper'
|
|
onClick={toggleVisibility}
|
|
/>
|
|
)}
|
|
options={[
|
|
{ label: 'asbh1yeasbdh23848asdasd', onClick: console.log },
|
|
{ label: 'urtyruhjr374hbfdjdhuh', onClick: console.log },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>,
|
|
);
|
|
|
|
expect(queryByTestId('PrimaryButton')).toBeInTheDocument();
|
|
});
|
|
});
|