Fix tests

Author: fmassot

jest-setup.js

@@ -1,2 +1,18 @@
 // Jest setup provided by Grafana scaffolding
 import './.config/jest-setup';
+
+// Polyfill for TextEncoder/TextDecoder in Node.js environment
+import { TextEncoder, TextDecoder } from 'util';
+
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;
+
+// Polyfill for IntersectionObserver
+class MockIntersectionObserver {
+  constructor() {}
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+}
+
+global.IntersectionObserver = MockIntersectionObserver;

src/components/QueryEditor/BucketAggregationsEditor/SettingsEditor/TermsSettingsEditor.test.tsx

@@ -9,7 +9,7 @@ import { describeMetric } from 'utils';
 import { renderWithESProvider } from 'test-helpers/render';
 
 describe('Terms Settings Editor', () => {
-  it('Pipeline aggregations should not be in "order by" options', () => {
+  it('Pipeline aggregations should not be in "order by" options', async () => {
     const termsAgg: Terms = {
       id: '1',
       type: 'terms',
@@ -36,6 +36,6 @@ describe('Terms Settings Editor', () => {
     // TopMetrics cannot be used as order by option
     expect(screen.queryByText(describeMetric(topMetrics))).not.toBeInTheDocument();
     // All other metric aggregations can be used in order by
-    expect(screen.getByText(describeMetric(avg))).toBeInTheDocument();
+    expect(await screen.findByText(describeMetric(avg))).toBeInTheDocument();
   });
 });

src/components/hooks/useCreatableSelectPersistedBehaviour.test.tsx

@@ -32,7 +32,7 @@ describe('useCreatableSelectPersistedBehaviour', () => {
 
     // we type in the input 'Option 2', which should prompt an option creation
     await userEvent.type(input, 'Option 2');
-    const creatableOption = screen.getByLabelText('Select option');
+    const creatableOption = screen.getByTestId('data-testid Select option');
     expect(creatableOption).toHaveTextContent('Option 2');
 
     // we click on the creatable option to trigger its creation
@@ -83,7 +83,7 @@ describe('useCreatableSelectPersistedBehaviour', () => {
 
     // we type in the input 'Option 2', which should prompt an option creation
     await userEvent.type(input, 'Option 2');
-    await userEvent.click(screen.getByLabelText('Select option'));
+    await userEvent.click(screen.getByTestId('data-testid Select option'));
 
     expect(onChange).toHaveBeenLastCalledWith({ value: 'Option 2' });
   });

src/configuration/DataLinks.test.tsx

@@ -20,7 +20,7 @@ describe('DataLinks tests', () => {
   it('should render correctly with no fields', async () => {
     setup();
 
-    expect(screen.getByRole('heading', { name: 'Data links' }));
+    expect(screen.getByText('Data links')).toBeInTheDocument();
     expect(screen.getByRole('button', { name: 'Add' })).toBeInTheDocument();
     expect(await screen.findAllByRole('button')).toHaveLength(1);
   });
@@ -29,7 +29,7 @@ describe('DataLinks tests', () => {
     setup({ value: testValue });
 
     expect(await screen.findAllByRole('button', { name: 'Remove field' })).toHaveLength(2);
-    expect(await screen.findAllByRole('checkbox', { name: 'Internal link' })).toHaveLength(2);
+    expect(await screen.findAllByRole('switch', { name: 'Internal link' })).toHaveLength(2);
   });
 
   it('should call onChange to add a new field when the add button is clicked', async () => {