AFFiNE-Mirror/tests/change-page-mode.spec.ts

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

loadPage();

test.describe('Change page mode(Paper or Edgeless)', () => {
  test('Switch to edgeless', async ({ page }) => {
    const switcher = page.locator('[data-testid=editor-mode-switcher]');
    const box = await switcher.boundingBox();
    await expect(box?.x).not.toBeUndefined();

    // mouse hover trigger animation for showing full switcher
    await page.mouse.move((box?.x ?? 0) + 5, (box?.y ?? 0) + 5);
    await page.waitForTimeout(500);
    const edgelessButton = page
      .getByTestId('editor-mode-switcher')
      .locator('div')
      .filter({ hasText: 'Edgeless' })
      .first(); // page.getByText('Edgeless').click()
    await edgelessButton.click();

    // // mouse move to edgeless button
    // await page.mouse.move(
    //   (box?.x ?? 0) + (box?.width ?? 0) - 5,
    //   (box?.y ?? 0) + 5
    // );

    // await page.waitForTimeout(1000);

    // // click switcher
    // await page.mouse.click(
    //   (box?.x ?? 0) + (box?.width ?? 0) - 5,
    //   (box?.y ?? 0) + 5
    // );

    const edgelessDom = page.locator('affine-edgeless-page');

    await expect(await edgelessDom.isVisible()).toBe(true);
  });
});