mirror of
https://github.com/apache/superset.git
synced 2024-09-19 20:19:37 -04:00
1cdfb829d7
* The rule. * The result
121 lines
4.0 KiB
JavaScript
121 lines
4.0 KiB
JavaScript
/**
|
|
* 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.
|
|
*/
|
|
/* eslint-disable no-unused-expressions */
|
|
import React from 'react';
|
|
import sinon from 'sinon';
|
|
import PropTypes from 'prop-types';
|
|
import { shallow } from 'enzyme';
|
|
|
|
import VirtualizedRendererWrap from '../../../src/components/VirtualizedRendererWrap';
|
|
|
|
const defaultProps = {
|
|
focusedOption: { label: 'focusedOn', value: 'focusedOn' },
|
|
focusOption: sinon.spy(),
|
|
key: 'key1',
|
|
option: { label: 'option1', value: 'option1' },
|
|
selectValue: sinon.spy(),
|
|
valueArray: [],
|
|
};
|
|
|
|
function TestOption({ option }) {
|
|
return <span>{option.label}</span>;
|
|
}
|
|
TestOption.propTypes = {
|
|
option: PropTypes.object.isRequired,
|
|
};
|
|
|
|
const defaultRenderer = opt => <TestOption option={opt} />;
|
|
const RendererWrap = VirtualizedRendererWrap(defaultRenderer);
|
|
|
|
describe('VirtualizedRendererWrap', () => {
|
|
let wrapper;
|
|
let props;
|
|
beforeEach(() => {
|
|
wrapper = shallow(<RendererWrap {...defaultProps} />);
|
|
props = { ...defaultProps };
|
|
});
|
|
|
|
it('uses the provided renderer', () => {
|
|
const option = wrapper.find(TestOption);
|
|
expect(option).toHaveLength(1);
|
|
});
|
|
|
|
it('renders nothing when no option is provided', () => {
|
|
props.option = null;
|
|
wrapper = shallow(<RendererWrap {...props} />);
|
|
const option = wrapper.find(TestOption);
|
|
expect(option).toHaveLength(0);
|
|
});
|
|
|
|
it('renders unfocused, unselected options with the default class', () => {
|
|
const optionDiv = wrapper.find('div');
|
|
expect(optionDiv).toHaveLength(1);
|
|
expect(optionDiv.props().className).toBe('VirtualizedSelectOption');
|
|
});
|
|
|
|
it('renders focused option with the correct class', () => {
|
|
props.option = props.focusedOption;
|
|
wrapper = shallow(<RendererWrap {...props} />);
|
|
const optionDiv = wrapper.find('div');
|
|
expect(optionDiv.props().className).toBe(
|
|
'VirtualizedSelectOption VirtualizedSelectFocusedOption',
|
|
);
|
|
});
|
|
|
|
it('renders disabled option with the correct class', () => {
|
|
props.option.disabled = true;
|
|
wrapper = shallow(<RendererWrap {...props} />);
|
|
const optionDiv = wrapper.find('div');
|
|
expect(optionDiv.props().className).toBe(
|
|
'VirtualizedSelectOption VirtualizedSelectDisabledOption',
|
|
);
|
|
props.option.disabled = false;
|
|
});
|
|
|
|
it('renders selected option with the correct class', () => {
|
|
props.valueArray = [props.option, props.focusedOption];
|
|
wrapper = shallow(<RendererWrap {...props} />);
|
|
const optionDiv = wrapper.find('div');
|
|
expect(optionDiv.props().className).toBe(
|
|
'VirtualizedSelectOption VirtualizedSelectSelectedOption',
|
|
);
|
|
});
|
|
|
|
it('renders options with custom classes', () => {
|
|
props.option.className = 'CustomClass';
|
|
wrapper = shallow(<RendererWrap {...props} />);
|
|
const optionDiv = wrapper.find('div');
|
|
expect(optionDiv.props().className).toBe(
|
|
'VirtualizedSelectOption CustomClass',
|
|
);
|
|
});
|
|
|
|
it('calls focusedOption on its own option onMouseEnter', () => {
|
|
const optionDiv = wrapper.find('div');
|
|
optionDiv.simulate('mouseEnter');
|
|
expect(props.focusOption.calledWith(props.option)).toBe(true);
|
|
});
|
|
|
|
it('calls selectValue on its own option onClick', () => {
|
|
const optionDiv = wrapper.find('div');
|
|
optionDiv.simulate('click');
|
|
expect(props.selectValue.calledWith(props.option)).toBe(true);
|
|
});
|
|
});
|