/* * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to * this file be licensed under the Apache-2.0 license or a * compatible open source license. * * Modifications Copyright OpenSearch Contributors. See * GitHub history for details. */ /* * Licensed to Elasticsearch B.V. under one or more contributor * license agreements. See the NOTICE file distributed with * this work for additional information regarding copyright * ownership. Elasticsearch B.V. 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-irregular-whitespace */ import React from 'react'; import { render, mount } from 'enzyme'; import { requiredProps } from '../../../test/required_props'; import { OuiSelect } from './select'; jest.mock('../form_control_layout', () => ({ OuiFormControlLayout: 'oui-form-control-layout', })); jest.mock('../validatable_control', () => ({ OuiValidatableControl: 'oui-validatable-control', })); describe('OuiSelect', () => { it('is rendered', () => { const component = render( ); expect(component).toMatchSnapshot(); }); describe('props', () => { it('options are rendered', () => { const component = render( ); expect(component).toMatchSnapshot(); }); it('isInvalid is rendered', () => { const component = render(); expect(component).toMatchSnapshot(); }); it('fullWidth is rendered', () => { const component = render(); expect(component).toMatchSnapshot(); }); it('isLoading is rendered', () => { const component = render(); expect(component).toMatchSnapshot(); }); it('disabled options are rendered', () => { const component = render( ); expect(component).toMatchSnapshot(); }); it('value option is rendered', () => { const component = render( {}} /> ); expect(component).toMatchSnapshot(); }); }); describe('hasNoInitialSelection', () => { it('renders with an extra option at the top', () => { const component = mount( {}} /> ); expect(component.find('option').length).toBe(3); expect(component.find('option').at(0)).toMatchInlineSnapshot(` `); }); it('can be reset to an empty initial selection', () => { const component = mount( {}} /> ); expect( component.find('select').getDOMNode().value ).toBe('1'); component.setProps({ value: '' }); expect( component.find('select').getDOMNode().value ).toBe(''); component.setProps({ value: '1' }); expect( component.find('select').getDOMNode().value ).toBe('1'); component.setProps({ value: undefined }); expect( component.find('select').getDOMNode().value ).toBe(''); }); }); });