import { expect, test } from './fixtures';

// The shared fixture already neutralises the real telegram-web-app.js, so these
// specs control window.Telegram deterministically (injected below) with no network.

// A minimal valid-looking Telegram WebApp stub: non-empty initData triggers the Mini
// App launch path (the mock gateway accepts any initData and returns a durable
// session); themeParams override the design tokens.
function webAppStub(startParam = '') {
  return {
    Telegram: {
      WebApp: {
        initData: 'query_id=test&user=%7B%22id%22%3A1%7D&auth_date=1&hash=deadbeef',
        initDataUnsafe: startParam ? { start_param: startParam } : {},
        themeParams: { bg_color: '#101418', text_color: '#ffffff' },
        ready() {},
        expand() {},
      },
    },
  };
}

test('Telegram launch auto-authenticates into the lobby and applies the theme', async ({ page }) => {
  await page.addInitScript((stub) => {
    Object.assign(window, stub);
  }, webAppStub());
  await page.goto('/');

  // No guest-login click: the Mini App authenticates from initData and lands on the lobby.
  await expect(page.getByText('Your turn')).toBeVisible();

  // The Telegram themeParams override the background token at runtime.
  await expect
    .poll(() => page.evaluate(() => getComputedStyle(document.documentElement).getPropertyValue('--bg').trim()))
    .toBe('#101418');
});

test('outside Telegram, the /telegram/ entry redirects to the site root', async ({ page }) => {
  await page.goto('/telegram/');

  // The guard sends a non-Telegram visitor back to the root, where the normal
  // (guest / email) login is shown.
  await expect(page.getByRole('button', { name: /guest/i })).toBeVisible();
  await expect(page).not.toHaveURL(/\/telegram\//);
});