QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-04-22 17:45:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: Adds storybook to SearchInput component (#13410)

Browse Source 
* test: Adds storybook to SearchInput component

* Fixes placeholder text

Co-authored-by: Evan Rusackas <evan@preset.io>

Co-authored-by: Evan Rusackas <evan@preset.io>
This commit is contained in:
Michael S. Molina
2021-03-06 01:48:13 -03:00
committed by GitHub
parent b6b7982a81
commit c1e9287cf1
3 changed files with 63 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
superset-frontend/spec/javascripts/components/SearchInput_spec.jsx
View File

@@ -1,86 +0,0 @@
/**
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
import React from 'react';
import { shallow } from 'enzyme';
import SearchInput from 'src/components/SearchInput';
describe('SearchInput', () => {
const defaultProps = {
onSubmit: jest.fn(),
onClear: jest.fn(),
onChange: jest.fn(),
value: '',
};
const factory = overrideProps => {
const props = { ...defaultProps, ...(overrideProps || {}) };
return shallow(<SearchInput {...props} />);
};
let wrapper;
beforeAll(() => {
wrapper = factory();
});
afterEach(() => {
defaultProps.onSubmit.mockClear();
defaultProps.onClear.mockClear();
defaultProps.onChange.mockClear();
});
it('renders', () => {
expect(React.isValidElement(<SearchInput {...defaultProps} />)).toBe(true);
});
const typeSearchInput = value => {
wrapper
.find('[data-test="search-input"]')
.props()
.onChange({ currentTarget: { value } });
};
it('submits on enter', () => {
typeSearchInput('foo');
wrapper
.find('[data-test="search-input"]')
.props()
.onKeyDown({ key: 'Enter' });
expect(defaultProps.onChange).toHaveBeenCalled();
expect(defaultProps.onSubmit).toHaveBeenCalled();
});
it('submits on search icon click', () => {
typeSearchInput('bar');
wrapper.find('[data-test="search-submit"]').props().onClick();
expect(defaultProps.onSubmit).toHaveBeenCalled();
});
it('clears on clear icon click', () => {
const wrapper2 = factory({ value: 'fizz' });
wrapper2.find('[data-test="search-clear"]').props().onClick();
expect(defaultProps.onClear).toHaveBeenCalled();
});
});