yucca/packages/web/e2e/connections.test.ts

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

// Its own subject, not the 'foo' it-works uses: mock-oidc maps the login
// straight to `sub`, and first login is a get-then-insert against a unique
// column, so two specs signing in as one new user race and one gets a 500.
const login = async (page: import('@playwright/test').Page) => {
  await page.goto('http://localhost:36033/');
  await page.waitForLoadState('networkidle');
  await page.getByRole('button', { name: 'Login' }).click();

  await expect(page.getByRole('heading', { name: 'Sign-in' })).toBeVisible();
  await page.getByPlaceholder('Enter any login').fill('connections-e2e');
  await page.getByPlaceholder('and password').fill('password');
  await page.getByRole('button', { name: 'Sign-in' }).click();

  await expect(page.getByRole('heading', { name: 'Authorize' })).toBeVisible();
  await page.getByRole('button', { name: 'Continue' }).click();

  await expect(page.getByText('Backup Health')).toBeVisible();
};

test('connections page lists the default connection and hides restic without the flag', async ({
  page,
}) => {
  await login(page);

  await page.getByRole('link', { name: 'Connections' }).click();
  await expect(
    page.getByRole('heading', { name: 'Connections' }),
  ).toBeVisible();

  await expect(page.getByText('Immich').first()).toBeVisible();

  await expect(
    page.getByRole('button', { name: 'New restic backup' }),
  ).toHaveCount(0);
});