fix(test): Update broken tests

KaotoIO · Jul 22, 2024 · 1ae688c · 1ae688c
1 parent fb6fcb0
commit 1ae688c
Show file tree

Hide file tree

Showing 5 changed files with 328 additions and 304 deletions.
diff --git a/packages/ui/src/components/Form/bean/BeanReferenceField.test.tsx b/packages/ui/src/components/Form/bean/BeanReferenceField.test.tsx
@@ -95,7 +95,7 @@ describe('BeanReferenceField', () => {
     expect(options).toHaveLength(0);
 
     await act(async () => {
-      const toggleButton = screen.getByRole('button', { name: 'Menu toggle' });
+      const toggleButton = screen.getByRole('button', { name: 'Typeahead menu toggle' });
       fireEvent.click(toggleButton);
     });
 
@@ -120,7 +120,7 @@ describe('BeanReferenceField', () => {
     });
 
     await act(async () => {
-      const toggleButton = screen.getByRole('button', { name: 'Menu toggle' });
+      const toggleButton = screen.getByRole('button', { name: 'Typeahead menu toggle' });
       fireEvent.click(toggleButton);
     });
 
@@ -221,7 +221,7 @@ describe('BeanReferenceField', () => {
     });
 
     await act(async () => {
-      const toggleButton = screen.getByRole('button', { name: 'Menu toggle' });
+      const toggleButton = screen.getByRole('button', { name: 'Typeahead menu toggle' });
       fireEvent.click(toggleButton);
     });
 

diff --git a/packages/ui/src/components/Form/dataFormat/DataFormatEditor.test.tsx b/packages/ui/src/components/Form/dataFormat/DataFormatEditor.test.tsx
@@ -47,7 +47,7 @@ describe('DataFormatEditor', () => {
 
   it('should render', async () => {
     render(<DataFormatEditor selectedNode={mockNode} />);
-    const buttons = screen.getAllByRole('button', { name: 'Menu toggle' });
+    const buttons = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
     await act(async () => {
       fireEvent.click(buttons[0]);
     });
@@ -59,7 +59,7 @@ describe('DataFormatEditor', () => {
 
   it('should filter candidates with a text input', async () => {
     render(<DataFormatEditor selectedNode={mockNode} />);
-    const buttons = screen.getAllByRole('button', { name: 'Menu toggle' });
+    const buttons = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
     await act(async () => {
       fireEvent.click(buttons[0]);
     });
@@ -75,7 +75,7 @@ describe('DataFormatEditor', () => {
 
   it('should clear filter and close the dropdown with close button', async () => {
     render(<DataFormatEditor selectedNode={mockNode} />);
-    const buttons = screen.getAllByRole('button', { name: 'Menu toggle' });
+    const buttons = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
     await act(async () => {
       fireEvent.click(buttons[0]);
     });

diff --git a/packages/ui/src/components/Form/loadBalancer/LoadBalancerEditor.test.tsx b/packages/ui/src/components/Form/loadBalancer/LoadBalancerEditor.test.tsx
@@ -48,7 +48,7 @@ describe('LoadBalancerEditor', () => {
 
   it('should render', async () => {
     render(<LoadBalancerEditor selectedNode={mockNode} />);
-    const buttons = screen.getAllByRole('button', { name: 'Menu toggle' });
+    const buttons = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
     await act(async () => {
       fireEvent.click(buttons[0]);
     });
@@ -62,7 +62,7 @@ describe('LoadBalancerEditor', () => {
 
   it('should filter candidates with a text input', async () => {
     render(<LoadBalancerEditor selectedNode={mockNode} />);
-    const buttons = screen.getAllByRole('button', { name: 'Menu toggle' });
+    const buttons = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
     await act(async () => {
       fireEvent.click(buttons[0]);
     });
@@ -78,7 +78,7 @@ describe('LoadBalancerEditor', () => {
 
   it('should clear filter and close the dropdown with close button', async () => {
     render(<LoadBalancerEditor selectedNode={mockNode} />);
-    const buttons = screen.getAllByRole('button', { name: 'Menu toggle' });
+    const buttons = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
     await act(async () => {
       fireEvent.click(buttons[0]);
     });

diff --git a/packages/ui/src/components/Visualization/Canvas/CanvasForm.test.tsx b/packages/ui/src/components/Visualization/Canvas/CanvasForm.test.tsx
@@ -440,7 +440,7 @@ describe('CanvasForm', () => {
           </VisibleFlowsProvider>
         </EntitiesContext.Provider>,
       );
-      const button = screen.getAllByRole('button', { name: 'Menu toggle' });
+      const button = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
       await act(async () => {
         fireEvent.click(button[0]);
       });
@@ -497,7 +497,7 @@ describe('CanvasForm', () => {
       expect(camelRoute.from.steps[0].marshal!.avro).toBeUndefined();
       expect(camelRoute.from.steps[0].marshal!.id).toEqual('modified');
 
-      const button = screen.getAllByRole('button', { name: 'Menu toggle' });
+      const button = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
       await act(async () => {
         fireEvent.click(button[0]);
       });
@@ -546,7 +546,7 @@ describe('CanvasForm', () => {
           </VisibleFlowsProvider>
         </EntitiesContext.Provider>,
       );
-      const button = screen.getAllByRole('button', { name: 'Menu toggle' });
+      const button = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
       await act(async () => {
         fireEvent.click(button[0]);
       });
@@ -603,7 +603,7 @@ describe('CanvasForm', () => {
       expect(camelRoute.from.steps[0].loadBalance!.weighted).toBeUndefined();
       expect(camelRoute.from.steps[0].loadBalance!.id).toEqual('modified');
 
-      const button = screen.getAllByRole('button', { name: 'Menu toggle' });
+      const button = screen.getAllByRole('button', { name: 'Typeahead menu toggle' });
       await act(async () => {
         fireEvent.click(button[0]);
       });