SQL: Add macro support in select case (#88514)

* Feat: timeGroup macro handling in VQB

* Add tests

* Add functions to SQL ds

* Fix lint errors

* Add feature toggle

* Add rendering based on object

* Fix lint

* Fix CI failures

* Fix tests

* Address review comments

* Add docs

* Fix JSX runtime warnings

* Remove docs part that mentions suggest more macros

* Update docs/sources/shared/datasources/sql-query-builder-macros.md

Co-authored-by: Jack Baldry <jack.baldry@grafana.com>

* Add smoke test for this feature

* lint

* Add supported macros to influx

* Add setupTests.ts to include in tsconfig.json

* Import jest-dom instead of setupTests.ts

---------

Co-authored-by: Jack Baldry <jack.baldry@grafana.com>

e2e/plugin-e2e/mysql/mysql.spec.ts

@@ -1,29 +1,10 @@
 import { selectors } from '@grafana/e2e-selectors';
 import { expect, test } from '@grafana/plugin-e2e';
 
-import {
-  tablesResponse,
-  fieldsResponse,
-  datasetResponse,
-  normalTableName,
-  tableNameWithSpecialCharacter,
-} from './mocks/mysql.mocks';
+import { normalTableName, tableNameWithSpecialCharacter } from './mocks/mysql.mocks';
+import { mockDataSourceRequest } from './utils';
 
-test.beforeEach(async ({ context, selectors, explorePage }) => {
-  await explorePage.datasource.set('gdev-mysql');
-  await context.route(selectors.apis.DataSource.queryPattern, async (route, request) => {
-    switch (request.postDataJSON().queries[0].refId) {
-      case 'tables':
-        return route.fulfill({ json: tablesResponse, status: 200 });
-      case 'fields':
-        return route.fulfill({ json: fieldsResponse, status: 200 });
-      case 'datasets':
-        return route.fulfill({ json: datasetResponse, status: 200 });
-      default:
-        return route.continue();
-    }
-  });
-});
+test.beforeEach(mockDataSourceRequest);
 
 test('code editor autocomplete should handle table name escaping/quoting', async ({ explorePage, selectors, page }) => {
   await page.getByLabel('Code').check();