81 lines
2.0 KiB
JavaScript
81 lines
2.0 KiB
JavaScript
jest.mock('react-feather/dist/icons/chevrons-down', () =>
|
|
require('__mocks__/component-mock')(
|
|
'react-feather/dist/icons/chevrons-down'));
|
|
|
|
import React from 'react';
|
|
import { render, fireEvent } from 'react-testing-library';
|
|
|
|
import Form from 'components/Form';
|
|
|
|
const syntaxList = [
|
|
{ id: 'testJS', label: 'Testing JS' },
|
|
{ id: 'other', label: 'Other' }
|
|
];
|
|
const commonProps = { syntaxList };
|
|
|
|
describe('Form', () => {
|
|
test('rendering', () => {
|
|
const { asFragment } = render(
|
|
<Form onSubmit={ jest.fn() } { ...commonProps }>
|
|
Actions
|
|
</Form>
|
|
);
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
|
|
describe('submitting expression', () => {
|
|
test('submitting form', () => {
|
|
const onSubmit = jest.fn();
|
|
const { getByTestId } = render(
|
|
<Form onSubmit={ onSubmit } { ...commonProps } />
|
|
);
|
|
|
|
fireEvent.change(getByTestId('expr-input'), {
|
|
target: { value: 'Test expression' }
|
|
});
|
|
fireEvent.change(getByTestId('syntax-select'), {
|
|
target: { value: 'other' }
|
|
});
|
|
|
|
const event = new Event('submit');
|
|
jest.spyOn(event, 'preventDefault');
|
|
|
|
fireEvent(getByTestId('form'), event);
|
|
|
|
expect(event.preventDefault).toHaveBeenCalled();
|
|
expect(onSubmit).toHaveBeenCalledWith({
|
|
expr: 'Test expression',
|
|
syntax: 'other'
|
|
});
|
|
});
|
|
|
|
test('submitting form with Shift+Enter', () => {
|
|
const onSubmit = jest.fn();
|
|
const { getByTestId } = render(
|
|
<Form onSubmit={ onSubmit } { ...commonProps } />
|
|
);
|
|
|
|
fireEvent.keyPress(getByTestId('expr-input'), {
|
|
charCode: 13,
|
|
shiftKey: true
|
|
});
|
|
|
|
expect(onSubmit).toHaveBeenCalled();
|
|
});
|
|
|
|
test('not submitting with just Enter', () => {
|
|
const onSubmit = jest.fn();
|
|
const { getByTestId } = render(
|
|
<Form onSubmit={ onSubmit } { ...commonProps } />
|
|
);
|
|
|
|
fireEvent.keyPress(getByTestId('expr-input'), {
|
|
charCode: 13,
|
|
shiftKey: false
|
|
});
|
|
|
|
expect(onSubmit).not.toHaveBeenCalled();
|
|
});
|
|
});
|
|
});
|