import { test, expect } from '@playwright/test';
import { loadPage } from './libs/load-page.js';

loadPage();

test.describe('Login Flow', () => {
  test.skip('Open login modal by click current workspace', async ({ page }) => {
    await page.getByTestId('current-workspace').click();
    await page.waitForTimeout(800);
    // why don't we use waitForSelector, It seems that waitForSelector not stable?
    await page.getByTestId('open-login-modal').click();
    await page.waitForTimeout(800);
    await page
      .getByRole('heading', { name: 'Currently not logged in' })
      .click();
  });

  test.skip('Open login modal by click cloud-unsync-icon', async ({ page }) => {
    await page.getByTestId('cloud-unsync-icon').click();

    await page.waitForTimeout(800);
    await page
      .getByRole('heading', { name: 'Currently not logged in' })
      .click();
  });

  // not stable
  // test.skip('Open google firebase page', async ({ page }) => {
  //   await page.getByTestId('current-workspace').click();
  //   await page.waitForTimeout(800);
  //   // why don't we use waitForSelector, It seems that waitForSelector not stable?
  //   await page.getByTestId('open-login-modal').click();
  //   await page.waitForTimeout(800);
  //   const [firebasePage] = await Promise.all([
  //     page.waitForEvent('popup'),
  //     page
  //       .getByRole('button', {
  //         name: 'Google Continue with Google Set up an AFFiNE account to sync data',
  //       })
  //       .click(),
  //   ]);

  //   expect(firebasePage.url()).toContain('.firebaseapp.com/__/auth/handler');
  // });
});