import { expect, test } from '@playwright/test';
import { createBrowserWorkspace } from './common';

test('the sidebar footer exposes only the Learnitive homepage link', async ({ page }) => {
  await page.context().route('https://www.learnitive.com/', (route) =>
    route.fulfill({ body: '<title>Learnitive</title>', contentType: 'text/html' }),
  );
  await createBrowserWorkspace(page, { workspaceName: 'sidebar-links-ws' });
  await page.getByRole('button', { name: /Learnitive/ }).click();
  const homepage = page.getByRole('menuitem', { name: 'Homepage' });
  await expect(homepage).toBeVisible();
  await expect(page.getByRole('menuitem', { name: "What's New" })).toHaveCount(0);
  await expect(page.getByRole('menuitem', { name: 'GitHub Project' })).toHaveCount(0);
  await expect(page.getByRole('menuitem', { name: 'Twitter' })).toHaveCount(0);
  await expect(page.getByRole('menuitem', { name: 'Discord' })).toHaveCount(0);
});