mirror of https://github.com/vector-im/riot-web
				
				
				
			
		
			
				
	
	
		
			64 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			TypeScript
		
	
	
			
		
		
	
	
			64 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			TypeScript
		
	
	
| /*
 | |
| Copyright 2022 The Matrix.org Foundation C.I.C.
 | |
| 
 | |
| Licensed 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 { mount } from 'enzyme';
 | |
| import maplibregl from 'maplibre-gl';
 | |
| import { act } from 'react-dom/test-utils';
 | |
| 
 | |
| import ZoomButtons from '../../../../src/components/views/location/ZoomButtons';
 | |
| import { findByTestId } from '../../../test-utils';
 | |
| 
 | |
| describe('<ZoomButtons />', () => {
 | |
|     const mockMap = new maplibregl.Map();
 | |
|     const defaultProps = {
 | |
|         map: mockMap,
 | |
|     };
 | |
|     const getComponent = (props = {}) =>
 | |
|         mount(<ZoomButtons {...defaultProps} {...props} />);
 | |
| 
 | |
|     beforeEach(() => {
 | |
|         jest.clearAllMocks();
 | |
|     });
 | |
| 
 | |
|     it('renders buttons', () => {
 | |
|         const component = getComponent();
 | |
|         expect(component).toMatchSnapshot();
 | |
|     });
 | |
| 
 | |
|     it('calls map zoom in on zoom in click', () => {
 | |
|         const component = getComponent();
 | |
| 
 | |
|         act(() => {
 | |
|             findByTestId(component, 'map-zoom-in-button').at(0).simulate('click');
 | |
|         });
 | |
| 
 | |
|         expect(mockMap.zoomIn).toHaveBeenCalled();
 | |
|         expect(component).toBeTruthy();
 | |
|     });
 | |
| 
 | |
|     it('calls map zoom out on zoom out click', () => {
 | |
|         const component = getComponent();
 | |
| 
 | |
|         act(() => {
 | |
|             findByTestId(component, 'map-zoom-out-button').at(0).simulate('click');
 | |
|         });
 | |
| 
 | |
|         expect(mockMap.zoomOut).toHaveBeenCalled();
 | |
|         expect(component).toBeTruthy();
 | |
|     });
 | |
| });
 |