@@ -2,33 +2,29 @@ import { render, screen, waitFor, fireEvent } from '@testing-library/react';
22import { userEvent } from '@testing-library/user-event' ;
33import { describe , expect , it , vi } from 'vitest' ;
44import { Menu } from './Menu.js' ;
5- import { ZoomContext } from '../zoom-context.provider.js' ;
65
76describe ( 'Menu' , ( ) => {
87 const handleUploadMock = vi . fn ( ) ;
98 const toggleConnectionDescMock = vi . fn ( ) ;
109 const toggleNodeDescMock = vi . fn ( ) ;
1110
12- const renderMenu = ( isGraphRendered = true , zoomLevel = 1 ) => {
11+ const renderMenu = ( isGraphRendered = true ) => {
1312 return render (
14- < ZoomContext . Provider value = { { zoomLevel, updateZoom : vi . fn ( ) } } >
15- < Menu
16- handleUpload = { handleUploadMock }
17- isGraphRendered = { isGraphRendered }
18- toggleConnectionDesc = { toggleConnectionDescMock }
19- toggleNodeDesc = { toggleNodeDescMock }
20- isConDescActive = { true }
21- isNodeDescActive = { true }
22- />
23- </ ZoomContext . Provider >
13+ < Menu
14+ handleUpload = { handleUploadMock }
15+ isGraphRendered = { isGraphRendered }
16+ toggleConnectionDesc = { toggleConnectionDescMock }
17+ toggleNodeDesc = { toggleNodeDescMock }
18+ isConDescActive = { true }
19+ isNodeDescActive = { true }
20+ />
2421 ) ;
2522 } ;
2623
2724 it ( 'should render Menu' , ( ) => {
2825 renderMenu ( ) ;
2926 expect ( screen . getByText ( 'Relationship Descriptions' ) ) . toBeInTheDocument ( ) ;
3027 expect ( screen . getByText ( 'Node Descriptions' ) ) . toBeInTheDocument ( ) ;
31- expect ( screen . getByText ( 'Zoom: 100%' ) ) . toBeInTheDocument ( ) ;
3228 expect ( screen . getByText ( 'Upload' ) ) . toBeInTheDocument ( ) ;
3329 } ) ;
3430
@@ -60,31 +56,4 @@ describe('Menu', () => {
6056 expect ( handleUploadMock ) . toHaveBeenCalledWith ( file ) ;
6157 } ) ;
6258 } ) ;
63-
64- it ( 'should update zoom level on zoom in and zoom out buttons click' , async ( ) => {
65- const updateZoomMock = vi . fn ( ) ;
66- render (
67- < ZoomContext . Provider value = { { zoomLevel : 1 , updateZoom : updateZoomMock } } >
68- < Menu
69- handleUpload = { handleUploadMock }
70- isGraphRendered = { true }
71- toggleConnectionDesc = { toggleConnectionDescMock }
72- toggleNodeDesc = { toggleNodeDescMock }
73- />
74- </ ZoomContext . Provider >
75- ) ;
76-
77- const zoomInButton = screen . getByText ( '+' ) ;
78- const zoomOutButton = screen . getByText ( '-' ) ;
79-
80- fireEvent . click ( zoomInButton ) ;
81- await waitFor ( ( ) => {
82- expect ( updateZoomMock ) . toHaveBeenCalledWith ( 1.1 ) ;
83- } ) ;
84-
85- fireEvent . click ( zoomOutButton ) ;
86- await waitFor ( ( ) => {
87- expect ( updateZoomMock ) . toHaveBeenCalledWith ( 0.9 ) ;
88- } ) ;
89- } ) ;
9059} ) ;
0 commit comments