Make test generic to work on old and new grafana version

Author: Flgado

src/e2e.test.ts

@@ -5,45 +5,48 @@ const EXPLORE_DATA = 'Explore';
 
 async function login(page: Page) {
     await page.goto('http://localhost:3000/login');
-    await page.getByLabel('Username input field').fill('admin');
-    await page.getByLabel('Password input field').fill('admin');
-    await page.getByLabel('Login button').click();
-    await page.getByLabel('Skip change password button').click();
+    await page.getByPlaceholder('email or username').fill('admin');
+    await page.getByPlaceholder('password').fill('admin');
+    await page.getByRole('button', { name: 'Login button' }).or(page.getByRole('button', { name: 'Log in' })).click();
+    await page.getByRole('button', { name: /skip/i }).click();
 }
 
 async function goToTrinoSettings(page: Page) {
-    await page.getByLabel('Toggle menu').click();
-    await page.getByRole('link', {name: 'Connections'}).click();
-    await page.getByRole('link', {name: 'Trino'}).click();
-    await page.getByText('Create a Trino data source').click();
+    await page.getByRole('button', { name: /toggle menu|open menu/i }).click();
+    await page.getByText('Connections').click();
+    await page.getByText(/add.*connection|connect data/i).first().click();
+    await page.getByText('Trino').click();
+    await page.getByRole('button', { name: /add new data source|create.*trino.*data source/i }).click();
 }
 
 async function setupDataSourceWithAccessToken(page: Page) {
-    await page.getByLabel('Datasource HTTP settings url').fill('http://trino:8080');
-    await page.locator('div').filter({hasText: /^Impersonate logged in userAccess token$/}).getByLabel('Toggle switch').click();
+    await page.getByPlaceholder('http://localhost:8080').fill('http://trino:8080');
+    await page.locator('div').filter({hasText: /^Impersonate logged in userAccess token$/}).locator('label').nth(1).click();
     await page.locator('div').filter({hasText: /^Access token$/}).locator('input[type="password"]').fill('aaa');
-    await page.getByLabel('Data source settings page Save and Test button').click();
+    await page.getByRole('button', { name: /save.*test/i }).click();
 }
 
 async function setupDataSourceWithClientCredentials(page: Page, clientId: string) {
-    await page.getByLabel('Datasource HTTP settings url').fill('http://trino:8080');
+    await page.getByPlaceholder('http://localhost:8080').fill('http://trino:8080');
     await page.locator('div').filter({hasText: /^Token URL$/}).locator('input').fill('http://keycloak:8080/realms/trino-realm/protocol/openid-connect/token');
     await page.locator('div').filter({hasText: /^Client id$/}).locator('input').fill(clientId);
     await page.locator('div').filter({hasText: /^Client secret$/}).locator('input[type="password"]').fill('grafana-secret');
     await page.locator('div').filter({hasText: /^Impersonation user$/}).locator('input').fill('service-account-grafana-client');
-    await page.getByLabel('Data source settings page Save and Test button').click();
+    await page.getByRole('button', { name: /save.*test/i }).click();
 }
 
 async function runQueryAndCheckResults(page: Page) {
     await page.getByText(EXPLORE_DATA).click();
+    await page.locator('textarea[aria-label*="Editor content"]').click();
     await page.getByTestId('data-testid TimePicker Open Button').click();
-    await page.getByLabel('Time Range from field').fill('1995-01-01');
-    await page.getByLabel('Time Range to field').fill('1995-12-31');
+    const timeInputs = page.locator('input[value*="now"], input[value*="00:00:00"]');
+    await timeInputs.first().fill('1995-01-01');
+    await timeInputs.last().fill('1995-12-31');
     await page.getByTestId('data-testid TimePicker submit button').click();
-    await page.getByLabel('Format as').click();
-    await page.getByText('Table', { exact: true }).click();
-    await page.getByTestId('data-testid RefreshPicker run button').click();
-    await expect(page.getByTestId('data-testid table body')).toContainText(/.*1995-01-19 0.:00:00.*/);
+    await page.locator('[role="combobox"][aria-label="Format as"]').click();
+    await page.locator('[id^="react-select"][id$="option-1"]').waitFor();
+    await page.locator('[id^="react-select"][id$="option-1"]').click();
+    await expect(page.locator('[role="table"][aria-label="Explore Table"]').getByText(/1995-01-\d+/).first()).toBeVisible();
 }
 
 test('test with access token', async ({ page }) => {