import { test, expect } from '@grafana/plugin-e2e';

import { ensureExtensionRegistryIsPopulated } from '../utils';
import { testIds } from '../../testIds';
import pluginJson from '../../plugin.json';

test.describe('getPluginExtensions + configureExtensionLink', () => {
  test('should extend the actions menu with a link to a-app plugin', async ({ page }) => {
    await page.goto(`/a/${pluginJson.id}/legacy-getters`);
    await ensureExtensionRegistryIsPopulated(page);
    const section = await page.getByTestId(testIds.legacyGettersPage.section1);
    await section.getByTestId(testIds.actions.button).click();
    await page.getByTestId(testIds.container).getByText('Go to A').click();
    await page.getByTestId(testIds.modal.open).click();
    await expect(page.getByTestId(testIds.appA.container)).toBeVisible();
  });
});

test.describe('getPluginExtensions + configureExtensionComponent', () => {
  test('should extend main app with component extension from app B', async ({ page }) => {
    await page.goto(`/a/${pluginJson.id}/legacy-getters`);
    await ensureExtensionRegistryIsPopulated(page);
    const section = await page.getByTestId(testIds.legacyGettersPage.section1);
    await section.getByTestId(testIds.actions.button).click();
    await page.getByTestId(testIds.container).getByText('Open from B').click();
    await expect(page.getByTestId(testIds.appB.modal)).toBeVisible();
  });
});

test.describe('getPluginLinkExtensions + configureExtensionLink', () => {
  test('should extend the actions menu with a link to a-app plugin', async ({ page }) => {
    await page.goto(`/a/${pluginJson.id}/legacy-getters`);
    await ensureExtensionRegistryIsPopulated(page);
    const section = await page.getByTestId(testIds.legacyGettersPage.section2);
    await section.getByTestId(testIds.actions.button).click();
    await page.getByTestId(testIds.container).getByText('Go to A').click();
    await page.getByTestId(testIds.modal.open).click();
    await expect(page.getByTestId(testIds.appA.container)).toBeVisible();
  });
});

test.describe('getPluginComponentExtensions + configureExtensionComponent', () => {
  test('should extend the actions menu with a command triggered from b-app plugin', async ({ page }) => {
    await page.goto(`/a/${pluginJson.id}/legacy-getters`);
    await ensureExtensionRegistryIsPopulated(page);
    await expect(
      page
        .getByTestId('configure-extension-component-get-plugin-component-extensions')
        .getByTestId(testIds.appB.reusableComponent)
    ).toHaveText('Hello World!');
  });
});