zepio/__tests__/components/input.test.js

43 lines
1.1 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 { InputComponent } from '../../app/components/input';
import appTheme from '../../app/theme';
afterEach(cleanup);
describe('<InputComponent />', () => {
test('should render text input correctly', () => {
const { queryByTestId } = render(
<ThemeProvider theme={appTheme}>
<InputComponent
inputType='input'
value='Hello World!'
onChange={console.log} // eslint-disable-line
/>
</ThemeProvider>,
);
expect(queryByTestId('Input')).toBeInTheDocument();
});
test('should render textarea correctly', () => {
const { queryByTestId } = render(
<ThemeProvider theme={appTheme}>
<InputComponent
inputType='textarea'
value='I am Zcash Electron Wallet'
onChange={console.log} // eslint-disable-line
rows={10}
/>
</ThemeProvider>,
);
expect(queryByTestId('Textarea')).toBeInTheDocument();
});
});