import { test } from '@playwright/test';
import { DashboardPage } from '../pages/Dashboard';
import setup from '../setup';

test.describe('Super user', () => {
  let dashboard: DashboardPage;
  let context: any;

  test.beforeEach(async ({ page }) => {
    context = await setup({ page });
    dashboard = new DashboardPage(page, context.project);
  });

  test('AppStore access', async () => {
    await dashboard.closeTab({ title: 'Team & Auth' });

    await dashboard.rootPage.goto('/#/apps');
    await dashboard.rootPage.waitForLoadState('load');
    const appPage = await dashboard.rootPage;

    // Access slack card
    const card = await appPage.locator('.nc-app-store-card-Slack');
    await card.click();
    await card.locator('.nc-app-store-card-install').click();

    // Configure slack
    let slackModal = await appPage.locator('.nc-modal-plugin-install');
    await slackModal.locator('[placeholder="Channel Name"]').fill('Test Channel');
    await slackModal.locator('[placeholder="Webhook URL"]').fill('http://test.com');
    await slackModal.locator('button:has-text("Save")').click();
    await dashboard.verifyToast({ message: 'Successfully installed' });

    // Modify configuration
    await card.click();
    await card.locator('.nc-app-store-card-edit').click();
    slackModal = await appPage.locator('.nc-modal-plugin-install');
    await slackModal.locator('[placeholder="Channel Name"]').fill('Test Channel 2');
    await slackModal.locator('[placeholder="Webhook URL"]').fill('http://test2.com');
    await slackModal.locator('button:has-text("Save")').click();
    await dashboard.verifyToast({ message: 'Successfully installed' });

    // Uninstall
    await card.click();
    await card.locator('.nc-app-store-card-reset').click();
    slackModal = await appPage.locator('.nc-modal-plugin-uninstall');
    await slackModal.locator('button:has-text("Confirm")').click();
    await dashboard.verifyToast({ message: 'Plugin uninstalled successfully' });
  });
});